Axios 公共配置和拦截器详解:提高网络请求效率
在项目中,可以使用 Axios 进行网络请求,并可以进行一些公共配置和拦截器的设置,以提高网络请求的效率和可维护性。
公共配置
公共配置可以为所有 Axios 请求设置默认值,包括:
- 设置默认的请求地址: 使用
axios.defaults.baseURL来设置请求的基础地址,这样在发送请求时就不需要每次都写完整的 URL 了。 - 设置默认的请求头: 使用
axios.defaults.headers.common来设置默认的请求头,例如设置一些通用的请求头参数,比如 token 等。 - 设置默认的请求超时时间: 使用
axios.defaults.timeout来设置请求的超时时间,如果请求超过这个时间还没有响应,就会触发超时错误。
拦截器
拦截器可以用于在请求或响应发送前或发送后进行一些处理,包括以下两种拦截器:
- 请求拦截器: 使用
axios.interceptors.request.use()来添加请求拦截器。请求拦截器会在发送请求前被调用,可以用于在请求发送前进行一些处理,例如添加请求头、修改请求数据等。请求拦截器可以对每个请求进行拦截并进行统一处理。 - 响应拦截器: 使用
axios.interceptors.response.use()来添加响应拦截器。响应拦截器会在接收到响应后被调用,可以用于在接收到响应后进行一些处理,例如统一处理错误信息、对响应结果进行处理等。响应拦截器可以对每个响应进行拦截并进行统一处理。
总结
通过配置公共配置和拦截器,可以实现很多功能,例如添加统一的请求头、设置请求超时、统一处理错误信息等,从而提高网络请求的效率和可维护性。
原文地址: https://www.cveoy.top/t/topic/mOVt 著作权归作者所有。请勿转载和采集!