由于浏览器的同源访问策略，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。