从后台拿到token后存到headers中方法 AXios的方法

   日期:2020-11-01     浏览:145    评论:0    
核心提示:methods: { submitForm() { this.$api .login({ mobile: "yunfeng", password: "123456" }) .then((res) => { if (res.status === 200) { // 在 sessionStorage中设置token,值为后台数据中的token .
	methods: {
	    submitForm() {
	      this.$api
	        .login({ mobile: "yunfeng", password: "123456" })
	        .then((res) => {
	          if (res.status === 200) {
	            
	            // 在 sessionStorage中设置token,值为后台数据中的token
	            sessionStorage.setItem('token',res.data.data.token) //重点
	
	            this.$store.commit("changeUser", res.data.data);
	            this.$store.commit("changeFlag", true);
	            this.$router.push({ name: "order" });
	          } else {
	            console.log(res.data.info);
	          }
	        })
	        .catch((data) => {
	          console.log(data);
	        });
		},
		
(在api/index.js文件中)
 	const myPost = axios.create({
	    baseURL: urls.baseUrl,
	    method: 'post',
	    headers: {
	        'token': sessionStorage.getItem("token")
	    },
	})
	const myGet = axios.create({
	    baseURL: urls.baseUrl,
	    method: 'get',
	})
	export default {
	    login(obj) {
	        return myPost({
	            url: urls.login,
	            params: {
	                ...obj
	            },
	            // 要在这里写 headers,从sessionStorage中拿,并给headers设置token
	            headers: { //重点
	                'token': sessionStorage.getItem("token")
	            },
	        })
	    },
	    info() {
	        return myGet({
	            url: urls.info,
	            headers: {
	                'token': sessionStorage.getItem("token")
	            },
	        })
	    },
	}
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服