调试需求,在本地以http-server 启动前端项目,在接口参数中配置了后端接口地址,访问时显示
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested
因为前端和后台环境不在同一域内,产生了跨域问题
解决方案:
版本号49之前的跨域设置
1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。
2.在属性页面中的目标输入框里加上 --disable-web-security 如下图所示:
版本号49之后的跨域设置
1.在电脑上新建一个目录,例如:C:\MyChrome
2.在属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChrome,--user-data-dir的值就是刚才新建的目录。
3.点击应用和确定后关闭属性页面,并打开chrome浏览器。
再次打开chrome,发现有“--disable-web-security”相关的提示,说明chrome又能正常跨域工作了
MyChrome 其实为用户信息目录,所以跨域后之前保存的连接和收藏都会没有,可以通过创建一个chrome新的快捷方式改名后配置,这样通过这个快捷方式打开就支持跨域啦!
网友评论