前言

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