欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > vue2配置不同环境(从配置到使用)

vue2配置不同环境(从配置到使用)

2025/6/14 0:08:14 来源:https://blog.csdn.net/weixin_47454566/article/details/148553317  浏览:    关键词:vue2配置不同环境(从配置到使用)

同一个项目,发布在不同平台导致部分内容不一样。
可以分为两个不同的分支(如果不同的内容很多的话建议)
或者写配置文件,运行不同的命令,(不同的内容较少的话建议)

在跟目录创建 .env.version1 和.env.version2两个文件,(.env后面的文件名可以自定义)
在两个文件创建同一个参数,值不一样即可

配置

.env.version1

VUE_APP_BASEURL = "http://version1.api"

.env.verion2

VUE_APP_BASEURL = "http://version2.api"

使用

在其他index.vue文件中使用
就可以直接用process.env.VUE_APP_IS_LOGIN,来获取
如果刚命名之后去使用没有反应的话,重新运行一下项目即可
但是在template模板字符串中不能直接使用,需定义一下,即data中定义一下才能使用。
如果配置文件中值为true/false,在模板字符串中v-if中使用。需去==true才能生效

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词