码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:必须   项目   api   process   代码   生产环境   img   tle   tran   

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

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

标签:必须   项目   api   process   代码   生产环境   img   tle   tran   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!