VUE 中如何进行 BASE_API 的配置？
2024-02-19 阅读 13
在 Vue 项目中，通常会将接口的基础地址配置为一个常量，比如 BASE_API，以方便统一管理和维护。你可以在项目的根目录下创建一个 `.env` 文件，并在其中定义一个名为 `VUE_APP_BASE_API` 的变量，如下所示：
```
VUE_APP_BASE_API = 'http://api.example.com'
```
然后在 Vue 项目中可以通过 `process.env.VUE_APP_BASE_API` 来访问这个变量，从而获取接口的基础地址。在项目的代码中，可以这样使用：
```javascript
const baseURL = process.env.VUE_APP_BASE_API;
// 在请求接口时使用基础地址
axios.get(`${baseURL}/api/data`)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
这样就可以方便地配置和使用接口的基础地址，便于项目的管理和维护。
更新于 2024年11月20日
