1. 程式人生 > >vue-cli環境變數配置

vue-cli環境變數配置

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})