當(dāng)前位置：
首頁 >
vue-cli多环境配置
發(fā)布時間：2024/9/27
39
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue-cli多环境配置
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
# 創(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啟動的端口在main.ts文件中添加打印日志，進(jìn)行驗證console.log('環(huán)境：', process.env.NODE_ENV);console.log('服務(wù)端：', process.env.VUE_APP_SERVER);
總結(jié)
以上是生活随笔為你收集整理的vue-cli多环境配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 全站CSRF漏洞
- 下一篇： Ant Design Vue页面数据复制