File tree Expand file tree Collapse file tree 1 file changed +13
-3
lines changed Expand file tree Collapse file tree 1 file changed +13
-3
lines changed Original file line number Diff line number Diff line change @@ -8,6 +8,10 @@ next_link: '/ja/docs/handling_errors'
8
8
9
9
リクエストやレスポンスが ` then ` や ` catch ` で処理される前に、それをインターセプトできます。
10
10
11
+ ` use ` 関数は、Promise が解決(fulfilled)または拒否(rejected)されたときに実行されるハンドラーをハンドラーのリストに追加します。ハンドラーは、fulfilled と rejected の関数によって定義されます。
12
+
13
+ オプションで ` options ` オブジェクトを第3引数として渡すことができます。 ` synchronous ` を true に設定するとハンドラーは同期的に定義されます。 false または未指定の場合はハンドラーは非同期として定義されます。さらに ` runWhen ` を指定することで、インターセプターを実行するタイミングを制御できます。関数を渡すと、true/false を返して実行するかどうかを決定できます。デフォルトでは常に true が返されます。
14
+
11
15
``` js
12
16
// リクエスト インターセプターを追加します
13
17
axios .interceptors .request .use (function (config ) {
@@ -16,20 +20,26 @@ axios.interceptors.request.use(function (config) {
16
20
}, function (error ) {
17
21
// リクエスト エラーの処理
18
22
return Promise .reject (error);
19
- });
23
+ },
24
+ { synchronous: true , runWhen : () => /* この関数は true を返します */ }
25
+ );
20
26
21
27
// レスポンス インターセプターを追加します
22
- axios .interceptors .response .use (function (response ) {
28
+ axios .interceptors .response .use (function onFulfilled (response ) {
23
29
// ステータスコードが 2xx の範囲にある場合、この関数が起動します
24
30
// レスポンス データの処理
25
31
return response;
26
- }, function (error ) {
32
+ }, function onRejected (error ) {
27
33
// ステータスコードが 2xx の範囲外の場合、この関数が起動します
28
34
// レスポンス エラーの処理
29
35
return Promise .reject (error);
30
36
});
31
37
```
32
38
39
+ 通常、` onFulfilled ` のレスポンスインターセプターは 2xx のステータスコードのレスポンスに対してのみ呼び出され、` onRejected ` はそれ以外の場合に呼び出されます。
40
+ しかし、この動作は [ validateStatus] ( /ja/docs/req_config ) に依存します。
41
+ 例えば、` validateStatus ` が常に ` true ` を返すように設定されている場合、` onFulfilled ` は** すべての** レスポンスに対して呼び出されます。
42
+
33
43
後でインターセプターを削除する必要がある場合は、削除できます。
34
44
35
45
``` js
You can’t perform that action at this time.
0 commit comments