開發(fā)過程中 npm run dev 元件中介面調取的位址是 全域global定義的一個API變數如下：
// 開發(fā)環(huán)境開啟
// global.API = '/api';
// 測試環(huán)境開啟
// global.API = '/test';
// uat環(huán)境開啟
// global.API = '/uat';
// 生產環(huán)境開啟
// global.API = '/www';
生產環(huán)境 npm run build 時如何根據不同介面自動改變API成生產環(huán)境變數？
3
0
0
擁有18年軟件開發(fā)和IT教學經驗。曾任多家上市公司技術總監(jiān)、架構師、項目經理、高級軟件工程師等職務。 網絡人氣名人講師，...
琢磨了幾天vue-cli產生的程式碼，vue覺得你只需要三種設定：開發(fā)（npm run dev）、生產（npm run build）和單元測試（npm run test）。 。 。
吐槽完。
1.打開config/index.js，修改build裡面的env文件名為根據環(huán)境變量獲取，
修改完大概是下面這樣子：
module.exports = {
build: {
env: require('./'+(process.env.VUE_CONFIG||'prod')+'.env'),
//......2.在config目錄裡面把prod.env.js複製兩份，分別是uat.env.js、testing.env.js
3.修改dev.env.js、uat.env.js、testing.env.js、prod.env.js這四個文件，在大括號裡面加上API: '" /api或uat或其他什麼"',如下：
module.exports = {
NODE_ENV: '"production"',
API: '"/api"'
}4.然後就可以在任何地方透過process.env.API存取到這個變數了。
5.打包的時候，先設定環(huán)境變數VUE_CONFIG，例如export VUE_CONFIG=uat && npm run build。
https://github.com/tonyljl526...
可以看下這個專案的鷹架，基於express和vue2、webpack的。能實現你的需求,主要看config/renderConfig.js
