记录vue-cli 3.x 配置代理解决axios跨域问题

在根目录创建一个文件 vue.config.js . 内容如下:

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:4000', //要访问的那个url. 如我的8080端口到4000端口.
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

然后在入口文件 main.js 加上:

import axios from 'axios';

axios.defaults.baseURL = '/api';

完毕。