uniapp的uni-ui项目中添加开发环境、测试环境、生产环境的配置要在哪个目录下加
时间: 2024-06-09 07:09:47 浏览: 120
uniapp配置开发测试环境
在uniapp项目中,可以在 `src` 目录下创建一个名为 `config` 的目录,并在该目录下创建三个文件,分别为 `dev.env.js`、`prod.env.js` 和 `test.env.js`,用于存放开发环境、测试环境和生产环境的配置。
例如,在 `dev.env.js` 中定义开发环境的配置:
```javascript
module.exports = {
BASE_API: 'http://localhost:8080/api'
}
```
在 `prod.env.js` 中定义生产环境的配置:
```javascript
module.exports = {
BASE_API: 'https://api.example.com'
}
```
在 `test.env.js` 中定义测试环境的配置:
```javascript
module.exports = {
BASE_API: 'https://test.example.com/api'
}
```
然后在 `vue.config.js` 中通过 `process.env.NODE_ENV` 来引入不同的环境配置:
```javascript
const merge = require('webpack-merge')
const prodEnv = require('./src/config/prod.env.js')
const devEnv = require('./src/config/dev.env.js')
const testEnv = require('./src/config/test.env.js')
module.exports = {
// ...
configureWebpack: config => {
const envConfig = process.env.NODE_ENV === 'production' ? prodEnv : process.env.NODE_ENV === 'test' ? testEnv : devEnv
return merge(config, {
// ...
plugins: [
new webpack.DefinePlugin({
'process.env': envConfig
})
]
})
}
}
```
这样就可以在不同的环境中使用不同的配置了。
阅读全文