vue-cli環境變數配置
阿新 • • 發佈:2019-02-03
vue-cli在開發和產品上線的時候,對於不同的地址,可以在專案中進行配置,並配置axios,兩種方式可以參考
(一)mian.js中
let baseUrl=null;
if (process.env.NODE_ENV == 'development') {
baseUrl = 'url1';//開發環境請求地址
} else if (process.env.NODE_ENV == 'production') {
baseUrl = 'url2';//生產環境請求地址
}
axios.create({baseURL: baseUrl})
(二)webpack中的config的配置
1./config/dev.env.js中
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"url1"'//記得雙引號
})
2./config/prod.env.js
module.exports = {
NODE_ENV: '"production"',
API_ROOT: '"url2"'
}
3.main.js
let baseUrl = process.env.API_ROOT;
axios.create({baseURL: baseUrl})