proxy
在 dev 开发模式下可以下使用 webpack 的 proxy 解决跨域是很方便的，但这种方法在生产环境是不能使用的。在生产环境中需要使用 nginx 进行反向代理。不管是 proxy 和 nginx 的原理都是一样的，通过搭建一个中转服务器来转发请求规避跨域的问题。
- 本地开发的话如果你是框架之类的，直接使用
proxy进行代理即可
//vue.config.js
module.exports = {
devServer: {
proxy: {
"/prefix": {
target: "targetDomain",
changeOrigin: true,
pathRewrite: {"^/prefix": ""}
}
}
}
}
- 如果没有使用框架以及
webpack之类的，最简单的就是禁用谷歌浏览器的安全策略
禁用浏览器跨域
image.png
如图所示, 在Chrome的快捷方式后面加：--args --disable-web-security --user-data-dir
点击应用和确定后关闭属性页面
再次打开chrome，发现有“--disable-web-security”相关的提示，说明chrome又能正常跨域工作了。
image.png
网友评论