1.配置文件:
.env.development:开发环境下的配置文件
.env.production:生产环境下的配置文件

2.命名
属性必须以VUE_APP_开头。
案列:
.env.development :
NODE_ENV = 'development'
VUE_APP_LOGIN_URL = 'http://192.168.x.x1'
.env.production:
NODE_ENV = 'production'
VUE_APP_LOGIN_URL = 'http://192.168.x.x2'
3、使用
在需要用到的地方写(替代原本写网址的地方):
process.env.VUE_APP_LOGIN_URL
4、发版运行
在package.json文件中改写:
"dev": "vue-cli-service serve --mode development",
"build:test": "vue-cli-service build --mode development",
"build": "vue-cli-service build --mode production"

相关命令:
npm run dev 或 yarn dev:运行项目
npm run build:test 或 yarn build:test打包项目测试环境
npm run build 或 yarn build 打包项目生产环境
dev , build:test ,build 可以根据需要自行修改
本文介绍了如何在Vue项目中使用.env文件进行环境变量配置,包括开发和生产环境的区别,VUE_APP_前缀的使用方法,以及如何通过process.env引用。还涉及了npm run命令用于开发和部署的不同阶段。
、.env.prodction(正式环境)、自定义环境的使用&spm=1001.2101.3001.5002&articleId=126639812&d=1&t=3&u=477cb562c0b34cd987403f18add13c37)
4735

被折叠的 条评论
为什么被折叠?



