vue公共组件封装只有请求web接口命名不一致如何封装?
时间: 2023-08-14 22:03:27 浏览: 95
vue请求封装
如果你的 Vue 公共组件封装中有请求 web 接口的功能,但是不同的接口命名不一致,可以考虑将这些接口的命名统一封装到一个配置文件中,然后在组件中引用这个配置文件。
具体实现步骤如下:
1. 创建一个配置文件,比如 config.js,将所有接口命名都定义在这个文件中,例如:
```
export default {
getUserInfo: '/api/userInfo',
getBookInfo: '/api/bookInfo',
getMusicInfo: '/api/musicInfo'
}
```
2. 在需要请求接口的组件中引入这个配置文件,例如:
```
import config from '@/config.js'
// 然后在组件中使用
axios.get(config.getUserInfo)
```
这样就可以实现对不同接口命名的统一封装,方便后续维护和修改。
阅读全文