封装axios的步骤通常如下:
安装axios:在命令行中运行 npm install axios
或者使用CDN引入axios库。
创建一个API模块:可以根据项目的需求,创建一个统一的API模块来管理所有的请求。可以创建一个api.js文件,并在其中导入axios库。
创建一个axios实例:可以使用 axios.create
方法创建一个自定义的axios实例,可以在创建实例时设置一些全局的配置,例如设置请求的baseURL。
设置请求拦截器:通过 axios.interceptors.request.use
方法设置请求拦截器,可以在请求发出前对请求进行一些处理,例如在请求头中添加token。
设置响应拦截器:通过 axios.interceptors.response.use
方法设置响应拦截器,可以在接收到响应后对响应进行一些处理,例如对错误进行统一处理。
封装请求方法:在API模块中定义具体的请求方法,例如 get
、post
、put
、delete
等。可以在这些方法中使用之前创建的axios实例来发送请求,并对请求进行一些处理,例如处理返回的数据。
调用请求方法:在需要发送请求的地方调用封装好的请求方法,并处理返回的数据。
以上是封装axios的一般步骤,可以根据具体项目的需求进行一些调整和扩展。