vue-cli3解决跨域问题

vue-cli3脚手架创建完毕不会有config文件，需要我们自己配置，并且官网有详细的配置列表。

在根目录下创建vue.config.js   即package.json同级

在vue.config.js 内进行以下配置

module.exports = {

  outputDir: 'dist',  //build输出目录  默认不需要配置

  assetsDir: 'assets', //静态资源目录（js, css, img）默认不需要配置

  lintOnSave: false, //是否开启eslint

  devServer: {

    open: true, //是否自动弹出浏览器页面

    host: "localhost",

    port: '8080',

    https: false,  //是否使用https协议

    hotOnly: false, //是否开启热更新

    proxy: null,

  }

}

devServer: {

    open: true, //是否自动弹出浏览器页面

    host: "localhost",

    port: '8080',

    https: false,

    hotOnly: false,

    proxy: {

      '/api': {

        target: 'http://localhost:5000', //API服务器的地址

        ws: true, //代理websockets

        changeOrigin: true, // 虚拟的站点需要更管origin

        pathRewrite: {  //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'

          '^/api': ''

        }

      }

    },

  }