鸿蒙/axios发送哀求

1，下载axios

1. ohpm install @ohos/axios

复制代码

2，发送哀求
引入axios

1. import axios from '@ohos/axios'

复制代码

使用axios

1. //axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';//配置POST请求头
3. axios.get(
4.         `url`,//请求URl地址
5.         {
6.           params: { pageNo: this.pageNo, pageSize: 3 }//发送的请求参数
8.         },
9.       )
10.         .then(resp => {
11.           if (resp.status === 200) {
12.             // 查询成功
13.             console.log('请求成功！', JSON.stringify(resp.data))
14.             resolve(resp.data)
15.           } else {
16.             console.log('请求失败！error:', JSON.stringify(resp))
17.             reject('请求失败')
18.           }
19.         })
20.         .catch(error => {
21.           console.log('请求失败！error:', JSON.stringify(error))
22.           reject('失败')
23.         })

复制代码

拦截器

在哀求或响应被 then 或 catch 处理惩罚前拦截它们。

1. // 添加请求拦截器
2. axios.interceptors.request.use((config:InternalAxiosRequestConfig) => {
3.   // 对请求数据做点什么
4.   return config;
5. }, (error:AxiosError) => {
6.   // 对请求错误做些什么
7.   return Promise.reject(error);
8. });
11. // 添加响应拦截器
12. axios.interceptors.response.use((response:AxiosResponse)=> {
13.   // 对响应数据做点什么
14.   return response;
15. }, (error:AxiosError)=> {
16.   // 对响应错误做点什么
17.   return Promise.reject(error);
18. });

复制代码

移除拦截器

1. const myInterceptor = axios.interceptors.request.use((response: AxiosResponse)=> {/*...*/});
2. axios.interceptors.request.eject(myInterceptor);

复制代码

可以给自定义的 axios 实例添加拦截器

1. const instance = axios.create();
2. instance.interceptors.request.use((config:InternalAxiosRequestConfig)=> {/*...*/});

复制代码

  

  更多具体信息检察第三方库
地址：OpenHarmony三方库中央仓

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。