uniapp配置环境变量
时间: 2023-10-10 09:13:59 浏览: 196
配置环境变量
在 Uniapp 中配置环境变量可以通过修改 `vue.config.js` 文件来实现。下面是具体的步骤:
1. 在项目根目录下创建一个名为 `.env` 的文件,该文件用于存放环境变量。
2. 打开 `.env` 文件,并添加你想要的环境变量。例如,假设你要添加一个名为 `API_BASE_URL` 的变量,你可以在 `.env` 文件中添加以下内容:
```
API_BASE_URL=http://example.com/api
```
3. 修改 `vue.config.js` 文件,找到 `configureWebpack` 字段,并在该字段中添加以下内容:
```javascript
configureWebpack: {
// ...
},
chainWebpack: (config) => {
config.plugin('define').tap((args) => {
args[0]['process.env'] = {
...args[0]['process.env'],
...{
API_BASE_URL: JSON.stringify(process.env.API_BASE_URL),
},
};
return args;
});
},
}
```
4. 在你的代码中使用环境变量。你可以在任何 Vue 组件中使用 `process.env` 对象来访问环境变量。例如,在组件中可以这样使用:
```javascript
console.log(process.env.API_BASE_URL);
```
阅读全文