vue.config.js可以动态读取前端的配置文件吗
时间: 2024-01-11 08:51:34 浏览: 26
是的,Vue CLI提供了一个特殊的环境变量`VUE_APP_*`,可以在项目的根目录中创建一个`.env`文件,并以`VUE_APP_`开头来定义这些变量,它们可以在项目中的任何位置使用。例如,在`.env`文件中定义了如下变量:
```
VUE_APP_BASE_API=http://localhost:8080/api
```
然后,在`vue.config.js`文件中可以通过`process.env.VUE_APP_BASE_API`来动态读取这个变量:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: process.env.VUE_APP_BASE_API,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
这里使用了`VUE_APP_BASE_API`变量来配置`proxy`的`target`属性,这样就可以在不同的环境中动态地配置后端API的地址。