首页 > 其他 > 详细

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

时间:2020-07-10 00:07:15      阅读:320      评论:0      收藏:0      [点我收藏+]

好好写代码,好好写注释,加油!

作为公司的一个菜鸟,初到公司接触到了一个远程服务的项目,公司里面用了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‘

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

原文:https://www.cnblogs.com/budingbuding/p/13276891.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!