本地调试会出现上边的问题 

Windows设置新版chrome浏览器跨域 

Windows可以在桌面右键属性快捷方式目标里加 一串 

--disable-web-security --user-data-dir=C:\\MyChromeDevUserData

点击应用和确定后关闭属性页面，再次打开chrome，发现有“--disable-web-security”相关的提示，说明chrome又能正常跨域工作了；

mac上设置新版chrome浏览器跨域 

1. 打开终端

2. 输入下面的命令

注意：需要替换路径中的yourname

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

 --user-data-dir后面必须跟上文件的路径

最后发现

第一次打开chrome有黄色背景色的“--disable-web-security”相关的提示，说明浏览器设置跨域成功。

再次用执行上面的命令行时，不会再有相关提示了，但是还是能跨域的！

如果还不行还有另一种方法 代理

在项目根目录里创建一个vue.config.js 文件 

module.exports = {
	devServer: {
		proxy: {
		  "/*": {
			target: 'http://127.0.0.1:8081',
			 "changeOrigin": true,
			 "secure": true,
			 "pathRewrite": {}
			}
		}
    },
}

配置访问路径里

const HOST =‘ ’

因为我的测试环境少一层固定路径所以就用了 /*   

HOST直接是空 

完工！