11、vue优雅的配置开发环境和生产环境

1. config 文件下新建 proxyConfig.js 文件

2. 拷贝代码：

 module.exports = {
          proxy: {
           '/api': {
            target:'http://192.168.5.188:8080',  // 接口域名
             changeOrigin:true,  //是否跨域
              pathRewrite: {
          '^/api':''  //需要rewrite的,
              }
                              }
              }
                         }

3. dev.env.js 改为

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports =merge(prodEnv, {
NODE_ENV:'"development"',
  API_ROOT:'"/api"'
})

4.prod.env 改为

'use strict'
module.exports = {
NODE_ENV:'"production"',
  API_ROOT:'"http://xxxx.com"'
}

5. config文件夹下的index.js 头部添加语句;

var proxyConfig = require('./proxyConfig')

改为：

   proxyTable:proxyConfig.proxy,

6. main.js 定义 挂载vue原型上面

Vue.prototype.baseUrl = process.env.API_ROOT

7.用的时候直接:

  this.$baseUrl + '/xx/xx'