Vue配置生产环境和开发环境
文章描述：
Vue生产环境配置
自定义变量 必须要以VUE_APP_开头定义
.env生产环境和开发环境都会加载(一般用于本地开发)
NODE_ENV = local
VUE_APP_URL = 'http://127.0.0.1/api'
.env.development开发测试(环境加载)
NODE_ENV = development
VUE_APP_URL = 'http://deve.xxx.com/api'
.env.production生产环境加载
NODE_ENV = production
VUE_APP_URL = 'http://prod.xxx.com/api'
配置package.json
"scripts": {
"serve": "vue-cli-service serve",
"build-development": "vue-cli-service build --mode development",
"build-production": "vue-cli-service build --mode production",
"lint": "vue-cli-service lint"
},在app.vue中打印一下设置的VUE_APP_URL
//注意：一定要在mounted里面才能打印出来，毕竟.env是外部配置文件，加载需要时间的~
mounted() {
console.log(process.env,'环境变量全局')
console.log(process.env.VUE_APP_URL, "生产环境VUE_APP_URL");
}
打包命令：
正式
npm run build-production开发
npm run build-development
发布时间：2023/10/06
发表评论