前端学习笔记系列一：11@vue/cli3.x中实现跨域的问题

由于浏览器的同源访问策略，vue开发时前端服务器通常与后端api服务器并非是相同的服务器，因此需要使用一个代理服务器实现跨域访问。在@vue/cli3.x根目录下创建一个vue.config.js文件，添加如下配置：

module.exports = {

  devServer: {

    proxy: {

      //名字可以自定义，这里我用的是api

      "/apis": {

        target: "https://localhost:44360/", //设置你调用的接口域名和端口号 别忘了加http

        changeOrigin: true, //这里设置是否跨域

        ws: true,

        pathRewrite: {

          "^/apis": ""

        }

      }

    }

  }

}

很多时候添加了包含上述内容的vue.config.js文件后，仍然不见生效，这时通常可能是因为未安装好webpack-dev-server ，采用命令行进行安装，之后问题得到解决。npm install webpack-dev-server –D。