Request header field token is not allowed by Access-Control-Allow-Headers in preflight response

已于 2023-04-13 19:24:40 修改
阅读量2w 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： vue css+js axios 文章标签： headers axios token
于 2019-07-01 15:02:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/impossible1994727/article/details/94392213
在Vue项目使用axios进行GET请求时，发现测试环境正常，但打包后运行无数据返回。经检查，发现需在后端请求headers中加入token。本文详细解释了如何正确设置headers及解决跨域问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决：Request header field token is not allowed by Access-Control-Allow-Headers in
是日已过，命亦随减的博客
09-28 4810
在入口文件index.php中添加 header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, OPTIONS, DELETE'); header('Access-Control-Allow-Headers: *'); 其他添加过的地方全部删除，否则会重复。 如果以这种方式添加则不会生效： $header['Access-Control-Allow-Origin
跨域问题：Request header field token is not allowed by Access-Control-Allow-Headers in preflight response
小筱在线博客
05-23 5144
Access to XMLHttpRequest at 'http://xxxx' from origin 'http://yyyy has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response
blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in
Ggome的博客
05-11 6581
原因跨域设置没有设置token名称,将token加入请求跨域请求头里面即可。
Request header field token is not allowed by Access-Control-Allow-Headers in
datouniao1的博客
01-11 1万+
前后端分离项目 后端接口做了跨域的处理 前端在header中传递了token，解决办法： @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletResponse res = (HttpServletResponse) response; r
thinkphp has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.
最新发布
12-20
ThinkPHP是一个基于PHP的开源Web开发框架，遇到"CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response"错误通常是由于跨域资源共享（Cross-Origin ...
解决 has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.
12-20
当遇到 "has been blocked by CORS policy: Request header field <token> is not allowed by Access-Control-Allow-Headers in preflight response" 这样的错误时，你正在尝试从一个源（通常是跨域的）发送一个包含...
Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.
06-08
这种情况下，最好的解决方法是在服务器端的响应头中添加 Access-Control-Allow-Headers 字段，将 token 字段添加到其中。例如，可以在服务器端的响应头中添加以下内容：Access-Control-Allow-Headers: token, ...
request header field token is not allowed by access-control-allow-headers in preflight response.
03-16
这个错误提示意思是在预检请求响应中，请求头字段 token 不被 access-control-allow-headers 允许。可能是因为服务器端没有设置允许使用该请求头字段，需要检查服务器端的配置。
Request header field mytoken is not allowed by Access-Control-Allow-Headers in preflight (请求头设置问题)
weixin_42349568的博客
08-30 487
报错信息 原因是：我在axios中设置了mytoken,但是服务器跨域的代码中没有mytoken，所以加上去就可以了。 <script type="text/javascript"> //axios拦截器 axios.interceptors.request.use(function(config){ console.log(config.url) config.headers.mytoken='nihao' //就是这里！！！！ return
【Vue】解决“Request header field content-type is not allowed by Access-Control-Allow-Headers”问题
DomCode
06-27 1809
在向用nodejs快速搭建的mock服务器发送请求时出现“Request header field content-type is not allowed by Access-Control-Allow-Headers”报错
Jeecms跨域 Request header field is not allowed by Access-Control-Allow-Headers in preflight response
tabvla的博客
03-17 1241
Jeecms框架，前后端分离二次开发，前端跨域报错Request header field is not allowed by Access-Control-Allow-Headers in preflight response
Java过滤器配置类导致跨域问题：Request header field token is not allowed by Access-Control-Allow-Headers in prefli
ELSA001的博客
03-04 2561
Java过滤器配置类导致跨域问题：Request header field token is not allowed by Access-Control-Allow-Headers in prefli
完美解决nginx跨域问题Request header field x-token is not allowed by Access-Control-Allow-Headers in prefligh
热门推荐
Zisson_no_error的博客
08-03 1万+
Access-Control-Allow-Headers 响应首部 Access-Control-Allow-Headers 用于 preflight request （预检请求）中，列出了将会在正式请求的 Access-Control-Request-Headers 字段中出现的首部信息。 简单首部，如 simple headers、Accept、Accept-Language、Content-Language、Content-Type （只限于解析后的值为 application/x-www-form-
Request header field x-token is not allowed by Access-Control-Allow-Headers in preflight response.
小love容儿的博客
08-19 8847
题：最近在做项目时，报错Request header field x-token is not allowed by Access-Control-Allow-Headers in preflight response，刚开始看到‘Access-Control-Allow-Headers’就觉得是跨域问题，跟后台联调才发现问题； 刚开始接口跨域是后台帮忙处理的，登录接口因为不需要传token，所以登录接口通了，发现其他接口都报这个错误； 于是我改用前端代理，接口顺利进行； 到了项目接近收尾，打包测..
跨域Request header field xxxx is not allowed by Access-Control-Allow-Headers in preflight response
FORLOVEHUAN的博客
09-18 3346
使用ajaxSetup通过headers想自定义一些参数放在里面， $.ajaxSetup ({ cache: false, //关闭AJAX缓存l async:false, //同步请求 headers: { 'token':'token','openid':'12312'}, contentType:"application/x-www-form-urlenco...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值