更新 2017年2月29日 11:01:24

前后端分离之后,联调的时候就会出现问题,那就是Ajax跨域问题。 跨域问题的解决方案有很多种
比如常规的 后端使用CROS,设置允许访问接口的地址 或者 使用 JSONP等等。
这里就不说前端常规的跨域解决方案,而是提供一个奇葩的方案,简单到哭.

前后端跨域解决方案
可以通过使用chrome命令行启动参数来改变chrome浏览器的设置,具体的启动参数说明参考这篇介绍。

这里介绍的是--disable-web-security参数。这个参数可以降低chrome浏览器的安全性,禁用同源策略,利于开发人员本地调试。

这里提供一个更简单的跨域解决方案, 设置Chrome浏览器的 disable-web-security, 实现跨域访问后端的接口。

window

1. 新建一个 chrome.exe 的快捷方式,
2. 设置参数,关闭 同源策略
--args --disable-web-security --user-data-dir=C:\MyChromeDevUserData

mac

chrome 浏览器

open -a "Google Chrome" --args --disable-web-security  --user-data-dir

safari 浏览器

open -a '/Applications/Safari.app' --args --disable-web-security --user-data-dir 

linux

chromium-browser --disable-web-security  

经测试,发现 chrome53 使用在 chrome快捷方式
--disable-web-security --user-data-dir 已经失效.

 可以使用CMD命令行打开方式
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\MyChromeDevUserData