由于项目前端使用8001端口,后端使用的8080端口,因此前端调用后端接口时需要跨域,在浏览器中需要设置跨域,否则会由于跨域安全性导致请求失败。
一. 浏览器版本大于49
1.在chrome中,需要新建一个chrome浏览器的快捷方式,右键选择属性:
后添加 --disable-web-security --user-data-dir=D:chrome_data到目标属性末尾,注意和原来的chrome.exe地址中间加个空格。然后通过这个快捷方式访问前端地址,这样调用后端就会屏蔽跨域导致的问题了,当然不能使用原来的快捷方式访问,这里的设置只对该快捷方式有效。
-user-data-dir 中是存放用户数据的目录 可以选择任何目录,给定的目录不存在的话,会自动新建
2.设置完后打开浏览器有如下提示则设置跨域成功
二. 浏览器版本低于49
步骤同上 添加的需改变为 --disable-web-security 也有空格