Taro——环境变量配置

思索

发布于 2024-08-15 09:02:11

25800

代码可运行

运行总次数：0

代码可运行

前言

最近准备开发移动端相关的内容，调研后选择了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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-08-14，如有侵权请联系 cloudcommunity@tencent.com 删除

命令行