关于Vue 项目中配置全局属性 process.env 的配置
好好写代码,好好写注释,加油!
作为公司的一个菜鸟,初到公司接触到了一个远程服务的项目,公司里面用了Element-admin作为模板进行开发。
初次接触这个模板,对于里面的封装有很多不理解(由于自己是个菜鸟,哈哈哈),其中有一点关于Vue中全局属性的配置,在此记录一下哈。
1 .env.development (我不是个连接) 文件,这是开发环境下的配置文件。
2 .env.production (我仍然不是个连接) 文件,这是生产环境下的配置文件。
3 .env (你猜的不错,我仍然不是个链接) 文件,这是一些全局的属性。
注意以上文件:根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说 不要乱起名,也无需专门控制加载哪个文件,定义全局变量必须以VUE_APP开头
![](https://img2020.cnblogs.com/blog/2062974/202007/2062974-20200709231432056-123651774.png)
.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'