問題タブ [fetch-api]

URL パスの一部を無視する式 ( pathではなくignoreSearch )を使用して、要求 URL を照合するユース ケースを発見しました。

このユース ケースは、画像のサイズが URL パスでエンコードされるレスポンシブ デザインで使用される画像処理サービス用です。これは、これらの種類のサービス (Cloudinary、Firesize、さらには Lorempixel) に共通するものです。

ときどき、ディメンション コンポーネントの 1 つが 1 ピクセルずれていることに気付きました。必要なディメンションはクライアントから計算されます - エラーの原因はここで丸められます- しかし、Service Worker キャッシュは、このバリエーションの洗練されたソリューションになる可能性があります。ただし、URL パスの一部を無視できるように指定できないため、この丸めの問題によりキャッシュ ミスが発生します。

URL 式のマッチングは仕様の一部になる予定はありますか? 一般的に、「URL A でフェッチ、URL B でキャッシュを配置/一致」のパターンが大きくなっても問題ありませんか?

これに対する回避策は、ignoreSearch の現在の回避策 (実装まで) と同じであることがわかりました。つまり、ある URL でフェッチし、別の URL でキャッシュします。URL パス式の一致が仕様の一部になるかどうか、または URL 式一致の使用例が検討されているかどうかは疑問です。信頼できる仕様には、これに関する証拠はありません。

洞察力のある言葉を前もって感謝します。

asyncES7 /awaitを一緒に使用しようとしていfetchます。私は近くにいることを知っていますが、それを機能させることができません。コードは次のとおりです。

私は次のように使用します：

デモ

どういうわけか、私はいつもcatchメッセージに夢中になります

私が間違っている提案はありますか？

更新: コメントで示唆されているように、それは の問題である可能性があるfetchため、簡略化された (ES5) バージョンを試しました:

それでも機能しません:(ただし、フェッチを置き換えると機能します:

「no-cors」モードでフェッチ ポリフィルを使用し、応答ステータス 0 を取得しています。開発者ツールでは、応答に要求されたデータがあることがわかります。

クライアント側のコード:

Beckend nodejs (Express.js) 単純化された応答ハンドラー:

私が間違っていることは何か分かりますか？ありがとう！

CSRF で保護された (クエリ文字列 + Cookie) API POST リクエストを保存して、後で webapp がオンラインに戻ったときに再生しようとしています。

これを行うには、Request オブジェクト (Fetch API) を IndexedDB に保存したいのですが、IDBObjectStore.put が DataCloneError "An object could not be cloned" で失敗します。

Request オブジェクトには単純な JSON 本体があり、バイナリ データはなく、すべて文字列だけです。
これは Service Worker (Web Worker) 環境で実行されています。

構造化された複製アルゴリズムが要求オブジェクトを複製しない理由はありますか? [回答: はい] もしそうなら、構造化されたクローニングの代わりに、このオブジェクトを脱水/再水和するための最良のオプションは何ですか?

Request オブジェクトの個々のプロパティを知る/アクセスする必要はありません。必要な Request の部分は、URL、ヘッダー、本文、および Cookie です (ただし、コードにそれを認識させたくありません)。

アドバイスをよろしくお願いします。

そのため、github/fetch を使用して API への xhr 呼び出しを行っています。Post と get は正常に動作していますが、put 呼び出しが FormData を適切に渡さないようです。

それらは私の xhr 呼び出しで form-data として渡されます。これは x-www-urlencoded である必要があります。URL をデータでエンコードすると、すべて正常に動作します。

私はこのようなタイプを設定しています：
options.headers['Content-Type'] = 'application/x-www-form-urlencoded';

これは何ですか？

おそらく、このhttps://jakearchibald.com/2014/es7-async-functions/やこのhttp://pouchdb.com/2015/03/05/taming-async/awaitのような記事から、エラーをキャッチする方法がどのように機能するかを誤解しましたthe-async-beast-with-es7.htmlですが、私のブロックは 400/500 をキャッチしていません。catch

それが役立つ場合のcodepenの例

以下のデータは、URL から配列の形式で取得されます。

service-worker.js fetch() に上記の URL があります

上記の配列データが の特定の URL から来ていることを確認しようとしていますconsole.log("j",j);。しかし、未定義と表示されます。sw.jsで動的データを取得するにはどうすればよいですかガイドしてください。

fetch()PHP で POST データを取得するために、API POST メソッドを使用しようとしています。

これが私が試したことです：

PHP:

これは正しいです？