前端 nginx 配置 解决 chrome 跨域问题

描述：前端本地开发访问后端接口地址，chrome控制台报错跨域问题

 解决：

方法一：谷歌浏览器快捷方式配置跨域模式

Chrome浏览器的跨域设置----包含新老版本两种设置

方法二：nginx配置跨域

（1）nginx新建代理访问本地运行页面地址，注意端口号不要冲突

（2）配置“/api”（命名可自定义，同一个开头替换所有需要跨域的接口地址）代理访问需要跨域的接口地址。

注：

proxy_pass 后的接口地址若以斜杠 “ / ”结尾，则全部替换 “ /api ”。如 http://localhost:8085/api/regist   替换 接口地址/regist

proxy_pass 后的接口地址若不以斜杠 “ / ”结尾，则包含“ /api ”。如 http://localhost:8085/api/regist   替换 接口地址/api/regist

注：chrome版本升级之后（106.0.5249.62），方法一不生效。后采用方法二解决问题

补充：

vue项目可以通过配置devserver解决本地请求跨域问题

（示例：uniapp项目）