axios uc浏览器跨域请求失败

卷饼码农

于 2020-01-08 20:04:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 前后端分离 Java代码

本文链接：https://blog.youkuaiyun.com/aaajavac/article/details/103897358

Java代码同时被 3 个专栏收录

8 篇文章

订阅专栏

vue

3 篇文章

订阅专栏

前后端分离

3 篇文章

订阅专栏

本文详细介绍了如何解决前端开发中遇到的headers报错问题，即RequestheaderfieldContent-TypeisnotallowedbyAccess-Control-Allow-Headers错误。通过调整后端CORS过滤器设置，正确配置Access-Control-Allow-Headers等响应头，实现跨域资源共享(CORS)的正确处理。

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

前端报错为：headers 报错Request header field Content-Type is not allowed by Access-Control-Allow-Headers
解决方法：后端的CORS过滤器中需要将response.setHeader(“Access-Control-Request-Headers”,"*");
改成
response.setHeader(“Access-Control-Allow-Headers”, “Origin, X-Requested-With, Content-Type, Accept,token,Access-Token”);

		response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "*");
        response.setHeader("Access-Control-Max-Age", "1728000");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("content-type","text/html;charset=UTF-8");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept,token,Access-Token");

记录一下，以后出现可以找到解决方法