Trung tâm cá nhân
sách gpt4 ăn đã đi

Đóng gói các axios+hứa hẹn hoạt động chức năng yêu cầu chung

In lại Tác giả: qq735679552 Thời gian cập nhật: 29-09-2022 22:32:09 26 4
mua khóa gpt4 giày nike

CFSDN nhấn mạnh vào giá trị tạo ra nguồn mở và chúng tôi cam kết xây dựng nền tảng chia sẻ tài nguyên để mọi nhân viên CNTT có thể tìm thấy thế giới tuyệt vời của bạn tại đây.

Bài viết trên blog CFSDN này gói gọn các thao tác hàm yêu cầu chung axios+promise và được tác giả sưu tầm và biên soạn. Nếu bạn quan tâm đến bài viết này thì nhớ like nhé.

Tôi sẽ không nói những điều vô nghĩa nữa. Hãy chỉ nhìn vào đoạn mã thôi~.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
nhập khẩu axios từ "trục" ;
nhập baseUrl từ "../../setBaseUrl" ;
axios.defaults.baseURL = baseUrl;
nhập { Đang tải, Tin nhắn } từ "phần tử-ui" ;
const loadingOptions = {
  khóa: ĐÚNG VẬY ,
  chữ: "Đang tải một cách tuyệt vọng" ,
  máy quay: "biểu tượng el-tải" ,
  lý lịch: "rgba(0, 0, 0, 0,7)"
};
nếu như (localStorage.token) {
  axios.defaults.headers.common[ "mã thông báo x" ] = localStorage. token;
}
hằng số Http = {
  lấy: chức năng (url: chuỗi, dữ liệu: bất kỳ, isLoading: boolean) {
   nếu như (localStorage.token) {
    axios.defaults.headers.common[ "mã thông báo x" ] = localStorage. token;
   }
   cho phép tải: bất kỳ;
   nếu như (đang tải) {
    đang tải = Loading.service(loadingOptions);
   }
   trở lại mới Hứa((giải quyết, từ chối) => {
    các tiên đề
     .get(url, {tham số: dữ liệu })
     .sau đó( chức năng (giải pháp) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      nếu như (res.data.code === 200) {
       giải quyết(res.data.data);
      } khác {
       // console.warn("Thông tin lỗi http ===> ", res.data);
       từ chối(res.data.message);
      }
     })
     . nắm lấy ( chức năng (lầm) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      // console.warn("Thông tin lỗi http ===> ", err);
      Tin nhắn({
       tin nhắn: err.message,
       kiểu: "lỗi" ,
       thời lượng: 2500,
       Hiển thịĐóng: ĐÚNG VẬY
      });
     });
   }). nắm lấy ( chức năng (lầm) {
    Tin nhắn({
     tin nhắn: lỗi,
     kiểu: "lỗi" ,
     thời lượng: 2500,
     Hiển thịĐóng: ĐÚNG VẬY
    });
   });
  },
  bưu kiện: chức năng (url: chuỗi, dữ liệu: bất kỳ, isLoading: boolean) {
   nếu như (localStorage.token) {
    axios.defaults.headers.common[ "mã thông báo x" ] = localStorage. token;
   }
   cho phép tải: bất kỳ;
   nếu như (đang tải) {
    đang tải = Loading.service(loadingOptions);
   }
   trở lại mới Hứa((giải quyết, từ chối) => {
    các tiên đề
     .post(url, dữ liệu)
     .sau đó( chức năng (giải pháp) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      nếu như (res.data.code === 200) {
       giải quyết(res.data.data);
      } khác {
       từ chối(res.data.message);
      }
     })
     . nắm lấy ( chức năng (lầm) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      // console.warn("Thông tin lỗi http===>", err);
      Tin nhắn({
       tin nhắn: err.message,
       kiểu: "lỗi" ,
       thời lượng: 2500,
       Hiển thịĐóng: ĐÚNG VẬY
      });
     });
   }). nắm lấy ( chức năng (lầm) {
    Tin nhắn({
     tin nhắn: lỗi,
     kiểu: "lỗi" ,
     thời lượng: 2500,
     Hiển thịĐóng: ĐÚNG VẬY
    });
   });
  },
  đặt: chức năng (url: chuỗi, dữ liệu: bất kỳ, isLoading: boolean) {
   nếu như (localStorage.token) {
    axios.defaults.headers.common[ "mã thông báo x" ] = localStorage. token;
   }
   cho phép tải: bất kỳ;
   nếu như (đang tải) {
    đang tải = Loading.service(loadingOptions);
   }
   trở lại mới Hứa((giải quyết, từ chối) => {
    các tiên đề
     .put(url, dữ liệu)
     .sau đó( chức năng (giải pháp) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      nếu như (res.data.code === 200) {
       giải quyết(res.data.data);
      } khác {
       từ chối(res.data.message);
      }
     })
     . nắm lấy ( chức năng (lầm) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      // console.warn("Thông tin lỗi http===>", err);
      Tin nhắn({
       tin nhắn: err.message,
       kiểu: "lỗi" ,
       thời lượng: 2500,
       Hiển thịĐóng: ĐÚNG VẬY
      });
     });
   }). nắm lấy ( chức năng (lầm) {
    Tin nhắn({
     tin nhắn: lỗi,
     kiểu: "lỗi" ,
     thời lượng: 2500,
     Hiển thịĐóng: ĐÚNG VẬY
    });
   });
  },
  delete : chức năng (url: chuỗi, dữ liệu: bất kỳ, isLoading: boolean) {
   nếu như (localStorage.token) {
    axios.defaults.headers.common[ "mã thông báo x" ] = localStorage. token;
   }
   cho phép tải: bất kỳ;
   nếu như (đang tải) {
    đang tải = Loading.service(loadingOptions);
   }
   trở lại mới Hứa((giải quyết, từ chối) => {
    các tiên đề
     . delete (url, dữ liệu)
     .sau đó( chức năng (giải pháp) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      nếu như (res.data.code === 200) {
       giải quyết(res.data.data);
      } khác {
       từ chối(res.data.message);
      }
     })
     . nắm lấy ( chức năng (lầm) {
      nếu như (đang tải) {
       đang tải. đóng();
      }
      // console.warn("Thông tin lỗi http===>", err);
      Tin nhắn({
       tin nhắn: err.message,
       kiểu: "lỗi" ,
       thời lượng: 2500,
       Hiển thịĐóng: ĐÚNG VẬY
      });
     });
   }). nắm lấy ( chức năng (lầm) {
    Tin nhắn({
     tin nhắn: lỗi,
     kiểu: "lỗi" ,
     thời lượng: 2500,
     Hiển thịĐóng: ĐÚNG VẬY
    });
   });
  }
};
xuất khẩu mặc định Http;

Kiến thức bổ sung: Khi vuex làm mới trang, cửa hàng được cập nhật. Làm thế nào để giải quyết vấn đề sao lưu dữ liệu?

Phương pháp tôi sử dụng rất đơn giản. Trong hàm vòng đời được tạo trong App.vue, hãy lắng nghe quá trình làm mới trang. Khi trang được làm mới, hãy lưu trữ dữ liệu trong sessionStorage kịp thời và sau khi quá trình làm mới hoàn tất, dữ liệu sẽ được đưa vào. sessionStorage có thể được lưu trữ. Hãy lấy nó ra và sử dụng lại.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
tạo () { // Làm mới trang lưu trữ sao lưu dữ liệu
   nếu như (localStorage.cmstoken) {
    cái này .$router.thay thế( "/dữ liệu" );
   } khác {
    cái này .$router.thay thế( "/" );
   }
   nếu như (sessionStorage.getItem( "cửa hàng" ) ) { //Đọc thông tin trạng thái trong sessionStorage khi trang được tải
     cái này .$store.replaceState(Đối tượng.assign({}, cái này .$store.state,JSON.parse(sessionStorage.getItem( "cửa hàng" ))))
   }
   cửa sổ.addEventListener( "trước khi dỡ hàng" ,()=>{ // Lưu thông tin trong vuex vào sessionStorage khi trang được làm mới
     sessionStorage. setItem( "cửa hàng" ,JSON.stringify( cái này .$store.state))
   })
  },

Bài viết trên đây gói gọn các axios+hứa hẹn hoạt động chức năng yêu cầu phổ quát là toàn bộ nội dung được biên tập viên chia sẻ, hy vọng có thể cho các bạn tham khảo và cũng mong các bạn có thể ủng hộ mình.

Liên kết gốc: https://blog.csdn.net/qq_30604453/article/details/85159746.

Cuối cùng, bài viết về việc đóng gói các axios+promise các hoạt động của hàm yêu cầu phổ quát kết thúc ở đây. Nếu bạn muốn biết thêm về việc đóng gói các axios+promise các hoạt động của hàm yêu cầu phổ quát, vui lòng tìm kiếm các bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. trong tương lai! .

26 4 0
Đề xuất bài viết: Phân tích sự khác biệt giữa $GLOBALS['HTTP_RAW_POST_DATA'] và $_POST trong PHP
Đề xuất bài viết: Ví dụ về cách chuyển đổi chuỗi thành số nguyên trong PHP mà không cần sử dụng các hàm dựng sẵn
Đề xuất bài viết: Mô phỏng và triển khai thủ công mạng container Docker!
Đề xuất bài viết: Ví dụ về cách sử dụng PHP để xác định xem một chuỗi số có được nhân liên tiếp hay không
qq735679552
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress