正文
vue中携带token以及发送ajax
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
在项目中基本登录都会存在token，而我们也就需要在每次发送ajax的时候就必须携带他。从而最有效的办法，就是在设置请求头携带token，这样设置一次后面的每一次都会携带着这个token。
一：设置请求头axios.interceptors.request.use(config => {
let token = local.get('t_k') if (token) {
config.headers.Authorization = token;
} return config
})
这里的local.get是我封装的本地存储的方法。然后if进行判断是否存在这个token。这里面的Authorization不是固定的，具体看后端命名。比如我这后端命名为mtoken也就相当于Authorization替换成mtoken !!!.替换后可以在浏览器中进行检查
一：
二：
三：
四：
当你书写正确的时候第四步的里面就会有一个属性是你设置的属性，属性值等于后端给你的token
现在我们把token携带好后就开始发ajax
我这的需求相当于，进入页面也要求得到数据，也就是在vue的生命周期的调用你的ajax函数，
async submitForm() {
let res = await zjshouyi(this.loginForm);
console.log(res);
},
这里面的async和await是用来处理异步的。然后zjshouyi是我封装的ajax请求函数
created() {
this.submitForm();
},
然后我是放在vue的创建后进行发送ajax，一点要注意一下！！！ 这里的函数前面一定要带一个this不然会报错，报你的函数未定义
axios.interceptors.request.use(config => {
let token = local.get('t_k') if (token) {
config.headers.Authorization = token;
} return config
})
这里的local.get是我封装的本地存储的方法。然后if进行判断是否存在这个token。这里面的Authorization不是固定的，具体看后端命名。比如我这后端命名为mtoken也就相当于Authorization替换成mtoken !!!.替换后可以在浏览器中进行检查
一：
二：三：四：
四：
当你书写正确的时候第四步的里面就会有一个属性是你设置的属性，属性值等于后端给你的token
现在我们把token携带好后就开始发ajax
我这的需求相当于，进入页面也要求得到数据，也就是在vue的生命周期的调用你的ajax函数，
async submitForm() {
let res = await zjshouyi(this.loginForm);
console.log(res);
},
这里面的async和await是用来处理异步的。然后zjshouyi是我封装的ajax请求函数
created() {
this.submitForm();
},
