屏蔽chrome跨域安全策略限制
解决开发调试跨域问题:
Windows系统:
1)chrome 禁用同源策略 (能解决POST请求出现 Options 403 forbidden问题)
配置:
1. 在桌面创建一个chrome浏览器的快捷方式
2. 右击桌面上的快捷方式,选择属性->目标 后面添加 --disable-web-security --user-data-dir 指定一个系统目录
2) chrome跨域插件 (能解决get跨域请求, 不能解决POST请求出现 Options 403 forbidden问题)
MacOS系统:
首先关闭所有的chrome实例,在终端命令行输入:
open -na Google\ Chrome --args --disable-web-security --user-data-dir="/Users/binbobo/cross-origin/chrome-dir"
(--user-data-dir参数用于指定一个存放数据的目录)
线上跨域问题
1. 将后端服务器与前端服务器解析到同一个域名下 (Nginx来处理)
2. 前后端不同域名 需要运维来处理
本地开发跨域解决
devServer 配置 proxy参数