解决浏览器跨域

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