Promise.reject(error)阻塞页面

BIP538741

1.     axios.interceptors.response.use(function (response) {
   
2.       return response;
   
3.     }, function (error) {
   
4. 
   
5.        error = JSON.parse(JSON.stringify(error))
   
6.       if(error.status===401){
   
7.         goPage("login_pwd",{},{},true);
   
8.         return Promise.reject(error);
   
9.       }
   
10.       
    
11.     });

复制代码

我在请求拦截的时候，判断状态码401的话 让他跳转到登录页，但是好像是因为return Promise.reject(error)，页面就卡死了，停在主页上打转还报错

BIP538741

1. /*
   
2. *  整理ajax 统一入口，方便修改
   
3. *
   
4. * */
   
5. import axios from 'axios'
   
6. import { globalData ,memory, storage,goPage} from "./utils";
   
7. 
   
8. // const baseUrl = process.env.NODE_ENV === 'development' ? 'http://39.99.172.42/api/home' : ''
   
9. const baseUrl = 'https://dingdongapi**.**/api'
   
10. const returnAll = false
    
11. 
    
12. function fetch({ url, data, method = "get", report = false }) {
    
13.   console.log('ajax url', url, JSON.stringify(data))
    
14.   let user_id = storage.get('user_id')
    
15.   console.log('ajax user_id', user_id)
    
16.   let headers = {}
    
17.   // 写入headers
    
18.   if (user_id) {
    
19.     headers['user_id'] = user_id,
    
20.     headers['Authorization'] = storage.get('token')
    
21.     headers['Content-Type'] = "application/json"
    
22.   }
    
23.   // let arr = memory.get('token').split('.')
    
24.   // console.warn(user_id);
    
25.   // console.warn(atob(arr[0].split(' ')[1]));
    
26.   // console.warn(JSON.parse(atob(arr[1])));
    
27. 
    
28.     axios.interceptors.response.use(function (response) {
    
29.       return response;
    
30.     }, function (error) {
    
31. 
    
32. 
    
33.        error = JSON.parse(JSON.stringify(error))
    
34.       if(error.status===401){
    
35.         goPage("login_pwd");
    
36.       }
    
37.       return Promise.reject(error);
    
38.     });
    
39. 
    
40. 
    
41.   return new Promise((resolve, reject) => {
    
42.     try {
    
43.       let u = url.startsWith('/') ? `${baseUrl}${url}` : url
    
44.       // 手机环境是有apicloud的ajax
    
45.       if (method !== 'upload') {
    
46.         api.ajax({
    
47.           url: u,
    
48.           method,
    
49.           headers: {
    
50.             ...headers,
    
51.             "Content-Type": "application/json"
    
52.           },
    
53.           data: {
    
54.             body: data
    
55.           },
    
56.           report,
    
57.           returnAll
    
58.         }, (ret, err) => {
    
59.           if (err) {
    
60.             reject(err);
    
61.           }
    
62.           console.log('ajax result', JSON.stringify(ret))
    
63.           resolve(returnAll ? ret.body : ret);
    
64.         });
    
65.       } else {
    
66.         let files = data.files
    
67.         delete data.files
    
68.         api.ajax({
    
69.           url: u,
    
70.           method: 'post',
    
71.           headers: {
    
72.             ...headers,
    
73.           },
    
74.           data: {
    
75.             values: data,
    
76.             files
    
77.           },
    
78.           report,
    
79.           returnAll
    
80.         }, (ret, err) => {
    
81.           if (err) {
    
82.             reject(err);
    
83.           }
    
84.           console.log('ajax upload result', JSON.stringify(ret))
    
85.           resolve(returnAll ? ret.body : ret);
    
86.         });
    
87.       }
    
88.     } catch (e) {
    
89.       // 本地环境没有api的情况下使用axios 本地测试可用
    
90.       if (method === 'upload') {
    
91.         headers['Content-Type'] = 'application/x-www-form-urlencoded'
    
92.       }
    
93.       axios({
    
94.         url: url.startsWith('/') ? `/api${url}` : url,
    
95.         method: method === 'upload' ? 'post' : method,
    
96.         data,
    
97.         headers
    
98.       }).then((res,err) => {
    
99. 
    
100.         let { data } = res
     
101.         resolve(data)
     
102.       })
     
103.     }
     
104.   });
     
105. }
     
106. 
     
107. const ajax = {
     
108.   get(url) {
     
109.     let u = url
     
110.     if (!url.includes('ocr**.**-hangzhou.aliyuncs.com')) {
     
111.       u = url .includes('?') ? `${url}&r=${+new Date()}` : `${url}?r=${+new Date()}`
     
112.     }
     
113.     return fetch({ url: u })
     
114.   },
     
115.   post(url, data) {
     
116.     return fetch({ url, method: 'post', data })
     
117.   },
     
118.   upload(url, data) {
     
119.     return fetch({ url, method: 'upload', data })
     
120.   }
     
121. }
     
122. 
     
123. export default ajax
     

复制代码

大家帮我看下，每次登录状态过期的时候，返回401状态码，然后页面就卡死到这里了，错误提示再上图

BIP538741

对应的浏览器上的错误。然后每次401的时候app上都会报Uncaught (in promise) #<Object> at root.js:1

至高吾·尚

看你的页面，完全使用web方式去写app的项目代码，官方是不推荐的，官方有专门提供的api.ajax进行网络请求。

看你的报错信息，应该是手机不支持promise写法导致的，建议你用原生写法，或者自己通过工程化的方式去编译兼容版本的代码。

移动端的手机设备，因为厂家不同、型号版本不同，所以对于ES6及以上的语法存在兼容性问题，部分手机不支持。

不过这里需要提前说明，因为工程化本身就很复杂，所以对于使用工程化框架后项目出现的问题，官方技术不予支持。