vue-cli多环境配置
生活随笔
收集整理的這篇文章主要介紹了
vue-cli多环境配置
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
# 創(chuàng)建多環(huán)境配置文件
.env.dev添加內(nèi)容:
NODE_ENV=development
VUE_APP_SERVER=http://localhost:8080.env.pord添加內(nèi)容:
NODE_ENV=production
VUE_APP_SERVER=http://gblfy.com:8080在package.json修改如下
"scripts": {"serve-dev": "vue-cli-service serve --mode dev --port=8081","serve-prod": "vue-cli-service serve --mode prod","build-dev": "vue-cli-service build --mode dev","build-prod": "vue-cli-service build --mode prod","lint": "vue-cli-service lint"},注:--port=8081可以指定vue啟動(dòng)的端口在main.ts文件中添加打印日志,進(jìn)行驗(yàn)證console.log('環(huán)境:', process.env.NODE_ENV);console.log('服務(wù)端:', process.env.VUE_APP_SERVER);
總結(jié)
以上是生活随笔為你收集整理的vue-cli多环境配置的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 全站CSRF漏洞
- 下一篇: Gitlab 新建用户和修改密码