axios uc浏览器跨域请求失败

最新推荐文章于 2024-06-01 00:42:46 发布

原创最新推荐文章于 2024-06-01 00:42:46 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

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

8 篇文章

订阅专栏

vue

3 篇文章

订阅专栏

前后端分离

3 篇文章

订阅专栏

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

前端报错为：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");

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