大佬们遇到过这个问题吗？vue 尝试使用token来验证登录，设置了请求拦截器遇到的问题

Question

1、登录页面提交用户名和密码后，获得了token，并保存在了localStorage和store中2、在axios封装文件http.js中设置了请求拦截器，代码如下
//添加请求拦截器
axios.interceptors.request.use(config=>{
if(localStorage.getItem('token')){
config.headers.Authorization=localStorage.getItem('token');
}
returnconfig;
},error=>{
returnPromise.reject(error);
});
问题：刷新页面后，console提示如下错误
AccesstoXMLHttpRequestat'http://127.0.0.1/api/v1.info/list?page=1&limit=10'fromorigin'http://localhost:8080'hasbeenblockedbyCORSpolicy:RequestheaderfieldauthorizationisnotallowedbyAccess-Control-Allow-Headersinpreflightresponse.
把请求拦截器的这段代码去掉，就是正常的
if(localStorage.getItem('token')){
config.headers.Authorization=localStorage.getItem('token');
}
而且跨域问题，在php后端已经设置过下面代码了
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
不知道是什么原因，求解?

Answer 1

错误信息提示的很明显RequestheaderfieldauthorizationisnotallowedbyAccess-Control-Allow-Headersinpreflightresponse.允许跨域设置中需要让authorization通过header('Access-Control-Allow-Headers:x-requested-with,content-type,Authorization')

Answer 2

header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:POST');header('Access-Control-Allow-Headers:x-requested-with,content-type,Authorization')