vue env

说明

.env：全局配置文件

.env.dev: 开发环境的配置文件

.env.prod:生产环境配置文件

说明：dev和prod可以自定义命名，只要和package.json中使用统一即可

优先级：

当全局配置文件和环境配置文件由相同的配置时，环境的配置会覆盖全局的配置

文件内容

.env.dev内容

NODE_ENV = 'development'
VUE_APP_BACK_URL='http://127.0.0.1:8877'
VUE_APP_WS_URL='ws://127.0.0.1:8877'

.env.prod内容

NODE_ENV = 'production'
VUE_APP_BACK_URL='http://127.0.0.1:8877'
VUE_APP_WS_URL='ws://127.0.0.1:8877'

变量的加载

–mode指定使用哪个文件

执行yarn serve命令，在本地开发时，使用的是.env.dev文件

执行yarn build命令，打包的时候，使用的是.env.prod文件

变量的使用