Vue-cli3脚手架创建的项目，配置跨域代理

在项目根目录下的 vue.config.js 文件中（如果没有，就增加一个这样的文件）配置代理，代码如下： module.exports = { devServer: { proxy: { '/api': {// 匹配所有以 '/api'开头的请求路径 target: 'http://localhost:4000',// 代理目标的基础路径 ws: true,// 支持跨域 changeOrigin: true, pathRewrite: {// 重写路径: 去掉路径中开头的'/api' '^/api': '' } } } } } 以上的配置是所有的请求都以 /api 开头，所以需要配置请求的基础地址 // 创建一个Axios是市里 const instence = axios.create({ baseURL: '/api', // 配置请求的基础地址 }) 配好之后记得重启项目