一、为什么要设置请求头到token?
当输入用户名及密码,登录成功后,后台会返回一个token,在之后发送的请求都要带上这个token,因为后台设置了拦截,如果token一致,则允许访问,否则请求不成功。
二、用法
创建一个utils文件夹 再在文件夹里穿件一个.js文件
添加请求拦截
// http request拦截器 添加一个请求拦截器
axios.interceptors.request.use(function (config) {
// Do something before request is sent
//window.localStorage.getItem("accessToken") 获取token的value
let token = window.localStorage.getItem("accessToken")
if (token) {
//将token放到请求头发送给服务器,将tokenkey放在请求头中
config.headers.accessToken = token;
//也可以这种写法
// config.headers['accessToken'] = Token;
return config;
}
}, function (error) {
// Do something with request error
return Promise.reject(error);
});