axios 在header中配置token信息后,向后端请求会报跨域的问题。但是用postman测试的时候没有什么问题。

如图所示:

clipboard.png

clipboard.png

//axios 的配置
import axios from 'axios'
axios.defaults.withCredentials = true;  //允许跨域
const service=axios.create({
    baseURL:`${base}${itempath}`,
    timeout:5000
})
service.interceptors.request.use(
    config=>{
        if(store.getters.token){
            config.headers={
                'token':getToken(),
                'Accept':'application/json',
                'Content-Type':'application/json;charset=UTF-8'
            }
        }
        return config;
    },
    error=>{
        console.log(error);
        Promise.reject(error);
    }
)

后端也是加了跨域的,之前都是可以正常请求的。

回答:

token是非标准头,需要后端在header中输出Access-Control-Allow-Origin头,另外在postman中请求不会存在跨域问题,只有浏览器中才有

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注