@@ -201,7 +201,7 @@ http.post('/api/upload', myData, {
201
201
HTTPリクエストは、次の3つの方法で失敗する可能性があります。
202
202
203
203
* ネットワークエラーまたは接続エラーにより、リクエストがバックエンドサーバーに到達できない場合があります。
204
- * timeout オプションが設定されている場合に 、リクエストが時間内に応答しませんでした。
204
+ * timeoutオプションが設定されている場合に 、リクエストが時間内に応答しませんでした。
205
205
* バックエンドがリクエストを受け取りますが、処理に失敗し、エラーレスポンスを返す場合があります。
206
206
207
207
` HttpClient ` は、上記のすべての種類のエラーを ` HttpErrorResponse ` に捕捉し、` Observable ` のエラーチャネルを通じて返します。ネットワークエラーとタイムアウトエラーの ` status ` コードは ` 0 ` で、` error ` は [ ` ProgressEvent ` ] ( https://developer.mozilla.org/docs/Web/API/ProgressEvent ) のインスタンスです。バックエンドエラーの ` status ` コードは、バックエンドによって返された失敗したコードであり、` error ` はエラーレスポンスです。レスポンスを調べて、エラーの原因とエラーを処理するための適切なアクションを特定します。
@@ -233,11 +233,11 @@ http.get('/api/config', {
233
233
234
234
## 高度な fetch オプション
235
235
236
- ` withFetch() ` プロバイダーを使用する場合、Angular の ` HttpClient ` は、パフォーマンスとユーザーエクスペリエンスを改善できる高度な fetch API オプションへのアクセスを提供します 。これらのオプションは、fetch バックエンドを使用する場合にのみ利用できます 。
236
+ ` withFetch() ` プロバイダーを使用する場合、Angularの ` HttpClient ` は、パフォーマンスとユーザー体験を改善できる高度なfetch APIオプションへのアクセスを提供します 。これらのオプションは、fetchバックエンドを使用する場合にのみ利用できます 。
237
237
238
238
### Fetch オプション
239
239
240
- 以下のオプションは、fetch バックエンドを使用する際のリクエスト動作を細かく制御します 。
240
+ 以下のオプションは、fetchバックエンドを使用する際のリクエスト動作を細かく制御します 。
241
241
242
242
#### Keep-alive 接続
243
243
@@ -251,7 +251,7 @@ http.post('/api/analytics', analyticsData, {
251
251
252
252
#### HTTP キャッシュ制御
253
253
254
- ` cache ` オプションは、リクエストがブラウザーの HTTP キャッシュとどのように相互作用するかを制御し 、繰り返しリクエストのパフォーマンスを大幅に改善できます。
254
+ ` cache ` オプションは、リクエストがブラウザのHTTPキャッシュとどのように相互作用するかを制御し 、繰り返しリクエストのパフォーマンスを大幅に改善できます。
255
255
256
256
<docs-code language =" ts " >
257
257
// 新鮮度に関係なくキャッシュされたレスポンスを使用
@@ -278,7 +278,7 @@ http.get('/api/static-data', {
278
278
279
279
#### Core Web Vitals のためのリクエスト優先度
280
280
281
- ` priority ` オプションを使用すると、リクエストの相対的な重要度を示すことができ、ブラウザーがより良い Core Web Vitals スコアのためにリソースの読み込みを最適化するのに役立ちます 。
281
+ ` priority ` オプションを使用すると、リクエストの相対的な重要度を示すことができ、ブラウザがより良いCore Web Vitalsスコアのためにリソースの読み込みを最適化するのに役立ちます 。
282
282
283
283
<docs-code language =" ts " >
284
284
// 重要なリソースの高優先度
@@ -304,11 +304,11 @@ http.get('/api/settings', {
304
304
</docs-code >
305
305
306
306
利用可能な ` priority ` 値:
307
- - ` 'high' ` : 高優先度、早期に読み込まれる(例:重要なユーザーデータ、above-the-fold コンテンツ )
307
+ - ` 'high' ` : 高優先度、早期に読み込まれる(例:重要なユーザーデータ、above-the-foldコンテンツ )
308
308
- ` 'low' ` : 低優先度、リソースが利用可能なときに読み込まれる(例:分析、プリフェッチデータ)
309
- - ` 'auto' ` : ブラウザーがリクエストコンテキストに基づいて優先度を決定 (デフォルト)
309
+ - ` 'auto' ` : ブラウザがリクエストコンテキストに基づいて優先度を決定 (デフォルト)
310
310
311
- TIP: Largest Contentful Paint (LCP) に影響するリクエストには ` priority: 'high' ` を使用し、初期ユーザーエクスペリエンスに影響しないリクエストには ` priority: 'low' ` を使用してください。
311
+ TIP: Largest Contentful Paint (LCP) に影響するリクエストには ` priority: 'high' ` を使用し、初期ユーザー体験に影響しないリクエストには ` priority: 'low' ` を使用してください。
312
312
313
313
#### リクエストモード
314
314
@@ -339,8 +339,8 @@ http.get('https://external-api.com/public-data', {
339
339
340
340
利用可能な ` mode ` 値:
341
341
- ` 'same-origin' ` : 同一オリジンリクエストのみを許可、クロスオリジンリクエストは失敗
342
- - ` 'cors' ` : CORS でクロスオリジンリクエストを許可 (デフォルト)
343
- - ` 'no-cors' ` : CORS なしでシンプルなクロスオリジンリクエストを許可 、レスポンスは不透明
342
+ - ` 'cors' ` : CORSでクロスオリジンリクエストを許可 (デフォルト)
343
+ - ` 'no-cors' ` : CORSなしでシンプルなクロスオリジンリクエストを許可 、レスポンスは不透明
344
344
345
345
TIP: クロスオリジンに行くべきでない機密リクエストには ` mode: 'same-origin' ` を使用してください。
346
346
@@ -432,7 +432,7 @@ IMPORTANT: `withCredentials` オプションは `credentials` オプションよ
432
432
- ` 'same-origin' ` : 同一オリジンリクエストのみに認証情報を送信(デフォルト)
433
433
- ` 'include' ` : クロスオリジンリクエストでも常に認証情報を送信
434
434
435
- TIP: CORS をサポートする異なるドメインに認証 Cookie やヘッダーを送信する必要がある場合は ` credentials: 'include' ` を使用してください。混乱を避けるため、` credentials ` と ` withCredentials ` オプションを混在させることは避けてください。
435
+ TIP: CORSをサポートする異なるドメインに認証Cookieやヘッダーを送信する必要がある場合は ` credentials: 'include' ` を使用してください。混乱を避けるため、` credentials ` と ` withCredentials ` オプションを混在させることは避けてください。
436
436
437
437
## Http ` Observable `
438
438
0 commit comments