0.env.developmentEn本地加密

# just a flag
ENV = 'development'
NODE_ENV = development
VUE_APP_ENCRYPTION = '1'

# base api
VUE_APP_BASE_API = 'api'

1.env.production文件

NODE_ENV='production'
# just a flag
ENV = 'production'
VUE_APP_ENV = 'production'
VUE_APP_ENCRYPTION = '0'

# base api
VUE_APP_BASE_API = '/' //生產的地址 比如'http://www.jscnsc.com.cn' /是配置的相對路徑 后臺使用的jinks打包工具自動識別打包到那個鏡像

2.env.staging文件 測試環境 文件名 .evn 文件類型是staging

NODE_ENV = production

# just a flag
ENV = 'staging'
VUE_APP_ENV = 'staging'
VUE_APP_ENCRYPTION = '0' //0不加密 必須用字符串

# base api
VUE_APP_BASE_API = '/' //生產的地址 比如'http://www.jscnsc.com.cn' /是配置的相對路徑 后臺使用的jinks打包工具自動識別打包到那個鏡像

3加密配置.env.productionEn

NODE_ENV='production'
# just a flag
ENV = 'production'
VUE_APP_ENV = 'production'
VUE_APP_ENCRYPTION = '1' //1加密

# base api
VUE_APP_BASE_API = '/'
VUE_CLI_BABEL_TRANSPILE_MODULES = true

4package.json

"serve-en": "vue-cli-service serve --mode developmentEn",

"build:prod": "vue-cli-service build", //不加密生產環境
"build:prod-en": "vue-cli-service build --mode productionEn", //加密環境
"build:stage": "vue-cli-service build --mode staging",/不加密測試環境
5命令
本地啟動 npm run serve-en
測試環境 npm run build:stage
生產環境 npm run build:prod

總結

以上是生活随笔為你收集整理的vue配置命令打包生产环境测试环境的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。