Taro——环境变量配置

前言

最近准备开发移动端相关的内容，调研后选择了Taro，基于Taro Vue3进行开发，在初始化框架后，又加入了一些前端规范限制，都完成后，打算配置环境变量，却发现按着官方的文档去配置，并没有生效；在封装的axios中去使用的使用，获取到的是undefined，所以这里做下记录；

taro版本：3.6.34

模式和环境变量:https://docs.taro.zone/docs/env-mode-config/

内容

配置

这里直接按着生效的配置来写了，同理生产环境的也一样配置即可；

这里切记一定要使用TARO_APP_开头，当然如果你按着taro的要求在命令行中配置了自定义前缀，那么自定义前缀也可以；

代码语言：js复制

# 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',

    },

  },

};

tarotaro

1 人点赞