axios设置请求头无效,采用axios请求拦截实现

在项目实践中,使用axios设置请求头headers,结果在请求过程中请求头中并没有包含headers中设置的请求头信息,而且后台也没有接收到前台设置的请求头信息,导致数据无法进行校验,请求失败

POST请求方式:

axios
.post(httpUrl, params, {
    headers: {
        token: 'asdhfkladfadfgajhdgajh'
    }
})
.then(res => {
    console.log(res);
})
.catch(err => {
    console.log(err)
})

查看请求结果时,发现请求头headers中并没有设置的headers信息,即没有token

解决axios请求无法设置请求头headers

axios.interceptors.request.use(
    config => {
        config.headers.token = 'adhfkadflajflakdlajsdhkj';
        return config;
    },
    error => {
        return Promise.reject(error);
    }
);

 设置请求拦截之后,每次发送请求且在返回请求数据之前都会调用这个方法对请求头进行设置

猜你喜欢

转载自blog.csdn.net/Li_dengke/article/details/82155656
今日推荐