uni-app怎么配置环境变量

在uni-app中配置环境变量可以通过修改 `vue.config.js` 文件来实现。下面是配置环境变量的步骤：

1. 在项目根目录下找到 `vue.config.js` 文件，如果没有则新建一个。

2. 在 `vue.config.js` 文件中添加以下代码：

module.exports = {
  configureWebpack: {
    // 配置全局的环境变量
    plugins: [
      new webpack.DefinePlugin({
        'process.env': {
          // 这里可以定义你的环境变量
          VUE_APP_API_BASE_URL: JSON.stringify(process.env.VUE_APP_API_BASE_URL)
        }
      })
    ]
  }
}

3. 在代码中使用环境变量：

在你的代码中，可以通过 `process.env.VUE_APP_API_BASE_URL` 来访问定义的环境变量。

例如，你可以在 `main.js` 文件中这样使用：

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

console.log(process.env.VUE_APP_API_BASE_URL)

new Vue({
  render: h => h(App),
}).$mount('#app')

这样就可以在控制台输出定义的环境变量的值。

4. 在不同的环境中设置不同的环境变量：

在不同的环境中，你可以通过在 `.env.[环境名]` 文件中定义不同的环境变量。

例如，你可以在 `.env.development` 文件中设置开发环境的环境变量：

VUE_APP_API_BASE_URL=http://localhost:3000

然后在 `.env.production` 文件中设置生产环境的环境变量：

VUE_APP_API_BASE_URL=http://api.example.com

这样在不同的环境中，uni-app会根据对应的环境文件加载相应的环境变量。