Vue开发项目出现axios跨越的问题

一、问题描述：

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin

1、配置vscode开发前端的环境：

sudo npm install (或cnpm install)

sudo npm install -g vue-cli (或sudo npm install -g vue-cli)

npm run dev 运行vue项目至Chrome浏览器

2、然后出现登录不上，并报错：

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin'

显示Axios请求出现跨越问题，所以报错。

二、解决方案：

1、MAC环境：

open -a"Google Chrome"--args --disable-web-security

或

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/zlgweihao/Documents/MyChromeDevUserData

http://yuankeqiang.lofter.com/post/8de51_13a3de3

https://www.cnblogs.com/mafeng/p/7714765.html

2、Windows环境：

右键桌面Chrome浏览器图标，选择打开“属性”，然后在目标后面加上--arg --disable-web-security --user-data-dir即可，如下所示：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"--arg --disable-web-security --user-data-dir