关于Vue 项目中配置全局属性 process.env 的配置

Posted 2020-12-16 budingbuding

好好写代码，好好写注释，加油！

作为公司的一个菜鸟，初到公司接触到了一个远程服务的项目，公司里面用了Element-admin作为模板进行开发。

初次接触这个模板，对于里面的封装有很多不理解（由于自己是个菜鸟，哈哈哈），其中有一点关于Vue中全局属性的配置，在此记录一下哈。

1 .env.development (我不是个连接) 文件，这是开发环境下的配置文件。

2 .env.production (我仍然不是个连接) 文件，这是生产环境下的配置文件。

3 .env (你猜的不错，我仍然不是个链接) 文件，这是一些全局的属性。

注意以上文件：根据启动命令vue会自动加载对应的环境，vue是根据文件名进行加载的，所以上面说 不要乱起名，也无需专门控制加载哪个文件,定义全局变量必须以VUE_APP开头

.env.development 文件内容：

ENV = ‘development‘
VUE_APP_WS_HOST = ‘wss://live.buding:8888‘
VUE_APP_BASE_API = ‘https://development:8888/api/v1‘
VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production 文件内容：

ENV = ‘production‘
VUE_APP_WS_HOST = ‘wss://live.vuding:8888‘
VUE_APP_BASE_API = ‘https://production:8888/api/v1‘

.env 文件内容：

NODE_ENV = ‘buding‘
VUE_APP_TITLE = ‘‘    // 定义全局变量必须以VUE_APP开头
VUE_APP_URL = ‘https://quanju:8888/api/v1‘