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'