对于axios的封装

2021-08-02 09:02:38 阅读：138 来源： 互联网

标签：axios 封装 service 对于 res request error return

 1 import axios from 'axios'
 2 import axiosRetry from 'axios-retry'; //网络不佳，重新发起请求
 3 import { getToken, removeToken, getAuthorization} from '@/utils/auth'
 4 
 5 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 7 
 8 // 创建axios实例
 9 const service = axios.create({
10   // axios中请求配置有baseURL选项，表示请求URL公共部分
11   baseURL: process.env.VUE_APP_BASE_API,
12   // 超时
13   timeout: 0
14 })
15 
16 axiosRetry(service, {
17   retries: 3 //网络不佳的请求次数
18 });
19 
20 // request拦截器
21 service.interceptors.request.use(config => {
22   if (getToken()) {
23     config.headers['Access-Token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
24   }
25 
26   if (getAuthorization()) {
27     config.headers['Authorization'] = 'Bearer '+ getAuthorization()
28   }
29   return config
30 }, error => {
31     console.log(error)
32     Promise.reject(error)
33 })
34 
35 // 响应拦截器
36 service.interceptors.response.use(res => {
37     if (res.status === 401) {
38       //如果无用户权限，做跳转处理
39       removeToken();
40       location.href = '/webapp/my/login';
41     } else if (res.status !== 200) {
42       //非 200 统一做异常处理
43       
44     } else {
45       //200 返回正确数据
46       return res.data
47     }
48 
49   },
50   error => {
51     if (error.response.status === 401) {
52       //如果无用户权限，做跳转处理
53       removeToken();
54       location.href = '/webapp/my/login';
55     }
56     return Promise.reject(error)
57   }
58 )
59 
60 export default service



///引入请求

import request from '@/utils/request' export function fukName(data) { return request({ url: '', method: 'post', data: data }) }

标签：axios,封装,service,对于,res,request,error,return
来源： https://www.cnblogs.com/crazy-rock/p/15088473.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

对于axios的封装