第一種
/config/dev.env.js
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"172.1.1.1/api"' //新增接口路徑
})
/config/prod.env.js
var merge = require('webpack-merge')
var prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"http://127.0.0.1/api"' //新增接口路徑
})
2.然后我們可以在main.js文件設(shè)置vue原型
Vue.prototype.baseURL = process.env.API_ROOT;
第二種
一般項(xiàng)目webpack會(huì)有兩個(gè)或多個(gè)配置文件，如：
webpack.prod.conf.js對(duì)應(yīng)線上打包
webpack.dev.conf.js對(duì)應(yīng)開發(fā)環(huán)境
使用webpack.DefinePlugin就可以
開發(fā)環(huán)境(webpack.dev.conf.js)：
//開發(fā)環(huán)境下的baseURL
new webpack.DefinePlugin({
BASE_URL:"'xxxxxxxxx'"
})
線上環(huán)境(webpack.prod.conf.js)： //線上環(huán)境下的baseURL
new webpack.DefinePlugin({
BASE_URL:" 'xxxxxxxxx' " })
BASE_URL一定要默認(rèn)一個(gè)"" 要不然不是字符串
這樣在vue里 BASE_URL就是全局變量了.直接用BASE_URL就能獲取到
