axios设置token到请求头

一、为什么要设置请求头到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);
});

你可能感兴趣的:(http,网络协议,网络)