Request header field mytoken is not allowed by Access-Control-Allow-Headers in preflight (请求头设置问题)

报错信息

原因是：我在axios中设置了mytoken,但是服务器跨域的代码中没有mytoken，所以加上去就可以了。

<script type="text/javascript">//axios拦截器axios.interceptors.request.use(function(config){console.log(config.url)config.headers.mytoken='nihao'   //就是这里！！！！return config},function(err){console.log(err)})axios.get('http://localhost:3000/axios').then(function(ret){console.log(ret)})</script>

res.header("Access-Control-Allow-Headers",['mytoken'])

这里为什么用数组呢？因为如果有多个请求头名字一样，需要写成数组：

//设置允许跨域访问该网址
app.all('*',function(req,res,next){res.header("Access-Control-Allow-Origin","*")res.header("Access-Control-Allow-Methods",'PUT,GET,POST,DELETE,OPTIONS')res.header("Access-Control-Allow-Headers",['Content-Type','access-token','mytoken'])  //三个的请求头是一样的，所以一起写成数组形式next()
})

这样就解决啦！撒花花！！！

Request header field mytoken is not allowed by Access-Control-Allow-Headers in preflight (请求头设置问题)相关推荐

Request header field Content-Type is not allowed by Access-Control-Allow-Headers跨域
跨域错误提示: XMLHttpRequest cannot load http://xxx.com. Request header field Content-Type is not allowed ...
解决：Request header field Content-Type is not allowed by Access-Control-Allow-Headers
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 前端 vue 工程 post 请求后端接口,报错: Request header field ...
axios.post请求出错：Request header field content-type is not allowed by Access-Control-Allow-Headers in……
axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in-- ...
Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight respon
一.问题: 跨域请求中包含自定义header字段时,浏览器console报错. Request header field xfilesize is not allowed by Access-Cont ...
Request header field xxx is not allowed by Access-Control-Allow-Headers in preflight respon
调试时发现低版本的WebView无法请求跨域接口请求信息如下: Request Method:OPTIONS Status Code:200 OKAccess-Control-Allow-Heade ...
解决Request header field XXX is not allowed by access-control-allow-headers in preflight response
问题 Access to XMLHttpRequest at 'http://B.com/path/a' from origin 'http://A.com' has been blocked by ...
完美解决nginx跨域问题Request header field x-token is not allowed by Access-Control-Allow-Headers in prefligh
Access-Control-Allow-Headers 响应首部 Access-Control-Allow-Headers 用于 preflight request (预检请求)中,列出了将会在正式 ...
Request header field token is not allowed by Access-Control-Allow-Headers in preflight response
之前开发vue项目时,需要在请求头里添加一个token字段,开发的时候都正常,等到部署到正式环境发现很多版本比较低的chorme浏览器都报错,错误如下: XMLHttpRequest cannot l ...
Request header field content-type is not allowed by Access-Control-Allow-Headers(请求头设置问题)
错误如上图.翻译过来就是:访问控制允许标题不允许使用请求标题字段内容类型.要么是自己设置的请求头信息不对,要么就是重复设置导致覆盖出错. 检查自己在前后台交互的时候设置的请求头的相关信息,不要重复设置 ...
Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight respo
在axios请求中出现: 问题描述: 如下图展示,在请求接口的时候,第一个接口返回200,但是第二个接口却返回0. 上图是请求日本的域名,然而请求国内的域名是没有问题的. 下面对比一下日本预检请求截 ...

Request header field mytoken is not allowed by Access-Control-Allow-Headers in preflight (请求头设置问题)

Request header field mytoken is not allowed by Access-Control-Allow-Headers in preflight (请求头设置问题)相关推荐

最新文章

热门文章