前后端分离 CORS 跨域

最近在做一个老项目,要把 pc 端移植到移动端。页面和一些主要逻辑都处理好了

最后调试出现了 Access-Control-Allow-Origin 跨域,报错如下:

image.png

因为项目比较老。是 ssm 框架些的,好像 SpringMVC 版本还比较老,所以网上找了一些帖子

有说在后台添加拦截过滤的 没用!!!

image.png

有说在方法里设置跨域属性的,没用!!!

image.png

无奈只好在 hacpai 求助各位大佬,感谢各位大佬的指点,最终问题得以解决,感谢!

image.png

解决方法,nginx 中添加跨域配置,后面的 proxy_pass 路径自行修改啊

location /ebook_services {
            add_header 'Access-Control-Allow-Origin' '*';
	    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
	    add_header 'Access-Control-Allow-Headers' 'Content-Type';
	    proxy_pass http://xxxx.xxx.x:8086/ebook_services;
        }

效果

image.png

详细配置可以参考这个:https://hacpai.com/article/1571117079692

2 回帖
请输入回帖内容...
  • yechuan

    为什么后台添加拦截器不行

    1 回复
  • yang17762622

    不太清楚。

    后端加过 header/拦截器都不行。后来用 nginx 代理了