vue优雅的配置开发环境和生产环境
2018-05-22 本文已影响0人
大山的那边
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'