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'



 

转载于:https://www.cnblogs.com/gankehuang/p/11338228.html

你可能感兴趣的:(vue配置开发环境和生产环境)