Taro——环境变量配置

前言

最近准备开发移动端相关的内容,调研后选择了Taro,基于Taro+Vue3进行开发,在初始化框架后,又加入了一些前端规范限制,都完成后,打算配置环境变量,却发现按着官方的文档去配置,并没有生效;在封装的axios中去使用的使用,获取到的是undefined,所以这里做下记录;
taro版本:3.6.34
模式和环境变量:https://docs.taro.zone/docs/env-mode-config/

内容

配置

这里直接按着生效的配置来写了,同理生产环境的也一样配置即可;
这里切记一定要使用TARO_APP_开头,当然如果你按着taro的要求在命令行中配置了自定义前缀,那么自定义前缀也可以;

# config/dev.ts
module.exports = {
env: {
NODE_ENV: '"development"',
// 直接在env中配置而不是根目录下的.env.development去配置,根目录下响应的配置文件中去配置也不会生效
// 所以后续就把.env.development和.env.production直接移除了
TARO_APP_BASE_URL: '"http://xxxxx.com"',
},
defineConstants: {},
mini: {},
cache: {
enable: true,
},
h5: {
router: {
mode: 'browser',
},
},
};

我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1vgdkags205l

posted @   。思索  阅读(316)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 一个费力不讨好的项目,让我损失了近一半的绩效!
历史上的今天:
2022-08-14 GitHub——如何装饰自己的Overview
2018-08-14 JavaScript限制前端页面用户表单输入
点击右上角即可分享
微信分享提示