本地调试会出现上边的问题
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直接是空
完工!