描述:前端本地开发访问后端接口地址,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项目)