菜鳥看前端（vue專案多環境配置）

package.json 裡的 scripts 配置 serve stage build，通過 --mode *** 來執行不同環境

"scripts"

:,

配置介紹:

node_env

='development'
# must start with
='development'

node_env

='production'
# must start with
='production'

node_env

='production'
# must start with
='staging'

在src下新建config資料夾，資料夾內新建index.js,env.development.js,env.production.js,env.staging.js檔案在congig/index.js,檔案內根據當前啟動環境，引入不同的環境配置

const config =

require
('./env.'
+ process.env.
)module.exports = config

module.exports =

// 根據環境不同引入不同baseapi位址

import
from
'@/config'
console.
log(baseapi)

Vue多環境配置

大家都知道，使用vue cli腳手架生成的vue專案只有開發環境和生產環境，然而在實際開發中，用到的不止這些環境，還包括測試環境，準生產環境等等。所以需要自己新增沒有的環境。以測試環境為例，配置如下 package.json檔案下scripts節點物件中新增一條屬性。test node build ...

vue專案的多環境配置 （學者說）

package.json 裡的 scripts 配置 serve stage build，通過 mode 來執行不同環境 scripts node env development must start with development node env production must start w...

vue專案配置多套打包環境變數

版本 當前vue cli版本為4.54 目的 規範專案開發流程，降低上線心智負擔 例如配置兩套環境，一套生產環境，一套開發環境。node env development 若為生產環境此處應配置為production node env production 若為開發環境此處應配置為developmen...