前端学习笔记系列一：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。