问题介绍

昨天在写去水印网站的时候,我想着前后端分离来写,就可网页单独调用API使用。但是没想到出现了跨域问题,前端调试代码出现这样

has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我弄了好久也没解决问题,但是后来看到一个教程解决了,不过他那个有点复杂,我就用我的方法说出来

解决问题

由于我的服务区是Nginx,所以我是直接在Nginx里解决,我们通过nginx 代理 了后端接口,前端总是请求的  ngxin ,因为 这样就是同一个域名了不会跨域。重点是前端不会直接请求后端,而是通过 nginx代理请求的后端。并且这个代理 是通过 端口后面的 地址区分,不是通过 端口区分。这样就不会出现跨域问题了。

 

方法源于:https://www.cnblogs.com/cxygg/p/12419502.html