开发者社区> 问答> 正文

如何封装Axios进行HTTP请求?

如何封装Axios进行HTTP请求?

展开
收起
迪哒迪滴喵 2024-08-13 18:23:00 33 0
1 条回答
写回答
取消 提交回答
  • 封装Axios进行HTTP请求通常涉及创建一个新的Axios实例,并配置一些全局选项(如基础URL、请求头等)。然后,你可以在这个实例上添加一些自定义的方法,这些方法封装了特定的API调用。这些自定义方法通常返回Promise对象,以便于在组件中处理异步响应。以下是一个简单的封装示例,该文件位于/src/services/newRequest.js:

    // 假设newRequest.js内容 
    import axios from 'axios'; 
    
    const instance = axios.create({ 
    baseURL: 'https://api.example.com', 
    timeout: 1000, 
    headers: {'X-Custom-Header': 'foobar'} 
    }); 
    
    export function fetchData() { 
    return instance.get('/some/endpoint'); 
    } 
    
    // 在组件中使用 
    import { fetchData } from './services/newRequest'; 
    
    fetchData().then(response => { 
    console.log(response.data); 
    }).catch(error => { 
    console.error('Error fetching data:', error); 
    });
    

    注意:实际项目中,你可能还需要添加错误处理、请求拦截、响应拦截等高级功能。

    2024-08-13 21:04:44
    赞同 1 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
阿里巴巴HTTP 2.0实践及无线通信协议的演进之路 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载