前言

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

    },

  },

};