VUE proxy 配置

补充研究：vuecli3本地开发配置proxy代理解决跨域问题

注意点：.env.dev文件中设置的基础路径envurl拼接方式

vueconfig中devserver的target（服务器域名对应的真实IP）+envurl+项目中axios请求的路径例如/petaltrace/trace-console/…

Pathrewrite写法是根据真实IP拼接项目中请求路径之后多余的部分给替换掉

最后的请求地址其实是由三部分构成，

Target路径➕env文件中路径（根据axios配置来决定）➕项目中axios请求的路径

demo：

  devServer: {

    host: 'localhost', //target host

    port: port,//端口号

    open: true,

    //此处配置开发情况下eslint检测提醒

overlay: {

      warnings: false,

      errors: true

    },

    proxy: {//代理设置，开头字符串是匹配所有接口地址中公共部分，

      '/vue-admin': {//原始请求URL为https://www.baidu/vue-admin

        target: 接口原始IP地址

// 例如https://10.80.88.101:8001,对应的域名可能为https://www.baidu/vue-admin,项目中axios请求地址自定义为/vue-admin/list，则把拼接时重复的部分去掉(其实是将IP地址对应的域名中重复的部分替换）如下所示：

        pathRewrite: {'^/vue-admin': '/'}//替换后为：http://localhost:8080/vue-admin/list

      }

    }

  },