在Vue中,axios是一个基于Promise的HTTP客户端,用于浏览器和node.js。Vue本身是一个渐进式JavaScript框架,专注于构建用户界面,而axios则是Vue项目中常用的一个第三方库,用于发送HTTP请求到服务器。
axios提供了丰富的API来执行各种HTTP请求(如GET、POST、PUT、DELETE等),并且它基于Promise,因此能够很好地与async/await语法一起使用,使得异步请求的处理变得更加简单和直观。
在Vue项目中使用axios,主要目的是为了方便地从服务器获取数据或向服务器发送数据,从而实现数据的动态加载或更新。例如,在一个Vue组件中,你可能会在created
或mounted
生命周期钩子中使用axios来发送一个GET请求,从服务器获取一些初始数据,并在组件的data
函数中定义的数据对象中保存这些数据,以便在模板中展示。
axios基础封装:
创建一个可以发起请求获得响应的实例:
配置拦截器:
axios请求拦截器:
axios响应拦截器:
export default httpInstance:对外暴露,用于在其他位置调用