vue项目环境变量打包配置

process.env 是nodejs内置的环境对象
NODE_ENV 就是其中的一个[环境变量] 这个变量主要用于标识当前的环境(生产环境,开发环境)。默认是没有这个环境变量的,需要自己手动配置。不同系统有不同的环境变量配置方式

1.项目根目录创建.env前缀配置文件
例如: .env.uat

# 生产环境
NODE_ENV = 'production'

VUE_APP_BASE_URL= 'xxx'
VUE_APP_FILE_URL = 'xxx'
VUE_APP_OUT_URL = 'xxx'

2.package.json内添加对应的打包命令(或者直接在命令行内加)
配置:
"build:uat": "vue-cli-service build --mode uat",
命令行:
npm run build -- mode uat
道理一样,喜欢哪种就用哪种

3.项目内各处的链接,请求,文件等路径内添加配置项

const baseUrl = process.env.VUE_APP_BASE_URL
location.href = process.env.VUE_APP_OUT_URL

在打包时,使用不同的命令,就可以切换代码内的配置了

你可能感兴趣的:(vue项目环境变量打包配置)