axios鸿蒙封装
时间: 2025-04-25 08:35:40 浏览: 24
### 如何在鸿蒙操作系统中封装 Axios 进行 HTTP 请求
#### 1. 安装 Axios 库
为了能够在鸿蒙项目中使用 Axios,首先需要下载并安装适用于鸿蒙系统的 Axios 版本[^1]。
```bash
npm install @ohos/axios --save
```
#### 2. 创建 Axios 实例
创建一个新的文件 `http.js` 来定义全局使用的 Axios 配置实例。这里会设定基础 URL 和其他必要的选项:
```javascript
import axios from '@ohos/axios';
const instance = axios.create({
baseURL: 'https://api.example.com/', // 设置统一的基础URL
});
export default instance;
```
#### 3. 添加请求与响应拦截器
通过添加自定义的请求和响应拦截器来增强 Axios 的功能,比如可以在每次发出请求前自动加入 token 或者处理错误信息:
```javascript
// 继续编辑 http.js 文件
instance.interceptors.request.use(
config => {
const token = localStorage.getItem('token');
if (token) {
config.headers['Authorization'] = `Bearer ${token}`;
}
return config;
},
error => Promise.reject(error)
);
instance.interceptors.response.use(
response => response.data,
error => {
console.error(`Error occurred during request:`, error);
throw new Error(error.message || '未知错误');
}
);
```
#### 4. 抽象化常用 API 方法
进一步简化接口调用过程,可以通过抽象出一些常用的 HTTP 动词函数(GET, POST 等),使得业务逻辑层可以直接调用这些方法而无需关心底层实现细节:
```javascript
// 继续完善 http.js 文件
async function get(url, params = {}) {
try {
const result = await instance.get(url, {params});
return result;
} catch (err) {
throw err;
}
}
async function post(url, data = {}, config = {}) {
try {
const result = await instance.post(url, data, config);
return result;
} catch (err) {
throw err;
}
}
// 导出所有公共API供外部调用
export {get, post};
```
以上就是在鸿蒙环境中基于 Axios 构建的一个简单但实用的 HTTP 封装方案。此方式不仅提高了代码复用率,同时也让后续维护变得更加容易。
阅读全文
相关推荐


















