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

1. 在项目根目录下的 vue.config.js 文件中（如果没有，就增加一个这样的文件）配置代理，代码如下：

module.exports = {
  devServer: {
    proxy: {
      '/api': {// 匹配所有以 '/api'开头的请求路径
        target: 'http://localhost:4000',// 代理目标的基础路径
        ws: true,// 支持跨域
        changeOrigin: true,
        pathRewrite: {// 重写路径: 去掉路径中开头的'/api'
          '^/api': ''
        }
      }
    }
  }
}

2. 以上的配置是所有的请求都以 /api 开头，所以需要配置请求的基础地址

// 创建一个Axios是市里
const instence = axios.create({
  baseURL: '/api', // 配置请求的基础地址
})

3. 配好之后记得重启项目