当前位置: 首页 > Web前端 > vue.js

vue中的env文件配置

时间:2023-03-31 18:19:53 vue.js

1.env文件配置.env.development开发环境文件配置NODE_ENV=developmentVUE_APP_PREVIEW=trueVUE_APP_API_BASE_URL=/apiVUE_APP_PLATFORM_PORT=8766VUE_APP_TITLE=title.env.puhuaNODE_ENV=productionVUE_APP_PREVIEW=falseVUE_APP_API_BASE_URL=/apiVUE_APP_PLATFORM_PORT=9007VUE_APP_TITLE=title1文件中内容命名规则属性名必须以VUE_APP以_开头,例如:VUE_APP_XXX2.package.json文件配置为在本地执行npmrundev时使用.env.development文件,配置:"dev":"vue-cli-serviceserve--modedevelopment"为打包生产环境,执行npmrunbuild会默认使用.env.production文件。我需要在这里单独配置命令。执行npmrunbuild:puhua时,将使用.env.puhua文件。配置:"build:puhua":"vue-cli-servicebuild--modepuhua""scripts":{"dev":"vue-cli-serviceserve--modedevelopment","build":"vue-cli-servicebuild","test:unit":"vue-cli-servicetest:unit","lint:nofix":"vue-cli-servicelint--no-fix","lint":"vue-cli-servicelint","build:preview":"vue-cli-servicebuild--modepreview","build:dev":"vue-cli-servicebuild--modedevelopment","build:test":"vue-cli-servicebuild--modetest","build:puhua":"vue-cli-servicebuild--modepuhua"},3.在文件中使用process.env.VUE_APP_TITLE注意:开发环境和生产环境都会执行.env文件,如果运行npmrundev,.env会先加载文件,再加载.env.development;如果运行npmrunbuild:puhua,会先加载.env文件,再加载.env.puhua。