vue cli環境配置

2022-08-27 04:45:11 字數 1569 閱讀 3344

vue-cli 2.0腳手架,修改config資料夾裡面的dev.env.js,prod.env.js,test.env.js

注意所有value都有單引號裡面巢狀雙引號,另外就是開發跨域的就直接跨域,但是配置的時候不要配置'"/api"',我配置成這樣是報錯的

dev.env.js

'use strict'

const merge = require('webpack-merge')

const prodenv = require('./prod.env')

module.exports = merge(prodenv, )

prod.env.js

'use strict'

module.exports =

test.env.js

'use strict'

module.exports =

上面配置完成之後,去到build資料夾,複製乙份webpack.prod.conf.js,修改成webpack.test.conf.js,將裡面的env常量改成test檔案

const env = require('../config/test.env')
在去到package.json檔案,複製script裡面的build乙份,改為test

"scripts":
最後去到src下的api資料夾,建立乙個檔案,修改baseurl

axios.defaults.baseurl = process.env.api_host
乙個大佬的配置

在config資料夾裡面修改prod.env.js檔案

'use strict'

module.exports =

然後在main.js檔案中配置axios的baseurl

if (location.hostname === 'localhost')  else if (location.hostname === 'admin.jiuzhouauto.com')  else if (location.hostname === 'devadmin.jiuzhouauto.com')
在build資料夾下面配置build-環境.js檔案,在裡面配置檔案型別

process.env.type = '"test"'

// 引入原來的build.js

require('./build')

在package.json裡面配置test,同上面的,複製build

在prod.env.js裡面配置環境

const target = process.env.npm_lifecycle_event;

if (target == 'test')

}module.exports = obj

VUE CLI配置自動生成環境變數

npm install dotenv在根目錄下建立.env檔案,內容如下 web socket 192.168.1.111 在build資料夾下新建zpreface.js檔案,內容如下 const fs require fs const path require path const env pat...

vue cli3的多環境配置

node env development development 開發環境介面位址 env.production 生產環境檔案 node env production production 生產環境介面位址 env.test 測試環境檔案 node env production test 測試環境介...

vue cli4 環境配置

在專案中建立 env.development 檔案 npm run serve 預設指本檔案 建立.env.productionenv檔案 cnpm run build 預設此檔案 env.development 檔案 node env development 開發模式執行環境 env.produc...