ToB企服应用市场:ToB评测及商务社交产业平台

标题: 鸿蒙/axios发送哀求 [打印本页]
作者: 张国伟    时间: 2024-11-23 08:01
标题: 鸿蒙/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企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4