uniapp怎样进行接口封装给我具体的代码
时间: 2024-09-10 15:15:19 浏览: 48
在uni-app中进行接口封装通常涉及创建一个模块或者服务,这里以JavaScript ES6模块为例,展示如何封装网络请求:
```javascript
// common/api.js
export const fetchData = async (url, params = {}) => {
try {
const response = await axios.get(url, { params });
return response.data;
} catch (error) {
console.error('Error fetching data:', error);
throw new Error('Failed to fetch data');
}
};
```
在这个例子中,`fetchData`是一个导出的函数,接受URL和可选参数,内部使用axios发起GET请求并返回响应数据。这样,在项目的其他部分调用这个函数时,只需要传入接口地址和(如果有)额外参数即可,隐藏了实际的HTTP细节。
要使用这个封装好的接口,只需在需要的地方导入并调用它:
```javascript
// 使用封装的接口
import { fetchData } from '@/common/api';
async function getUserProfile() {
const userData = await fetchData('/api/user/profile', { userId: '123' });
// 处理获取到的数据...
}
```
阅读全文