前后端分离项目涉及跨域问题

最新推荐文章于 2025-04-17 19:45:12 发布

原创最新推荐文章于 2025-04-17 19:45:12 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

跨域专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决前端与后端跨域问题的方法。通过在服务端设置响应头允许特定来源访问，并针对OPTIONS预检请求进行特殊处理，确保了跨源资源共享（CORS）的有效实现。

1.不使用jsonp，只修改服务端

response.setHeader("Access-Control-Allow-Origin",reqs.getHeader("Origin"));//"http://172.16.31.112:8765"
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");

2.前端post请求，到后台请求的时候发现成了options请求，需要添加：

 if (reqs.getMethod().equals("OPTIONS")) {
            response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
            response.addHeader("Access-Control-Allow-Headers", "Content-Type,Origin,Accept");
            response.addHeader("Access-Control-Max-Age", "120");
 }