自社のサービスのAPIを叩いていた時に、
Type Error:Failed to execute 'fetch' on 'window':Request with GET/HEAD method cannot have body.
というエラーが発生。
なんやこれは!(◎_◎;)
指定しているリクエストは、仕様書を見ている限りボディーありじゃないとデータの登録ができないのに、なんでボディーの設定関連でエラーになるんや!
という気持ちになりましたが
Request with GET/HEAD methodというエラーに着目。
あれ、ゲットメソッドを送ったことになっている。
fetch()は、デフォルトでGETメソッドになっていることが原因で、fetchはgetメソッドでoptionにbodyを登録できない。
options項目で
doRestAPI.js
options:{
method:'POST',
body://リクエストしたい項目
}
とすればボディーにデータを入れてリクエストを送ることができます。
下記サイトに詳細が記載されていますので、ご活用ください。
https://developer.mozilla.org/ja/docs/Web/API/fetch
ちなみに最後の項目の終わりにカンマ(,)を入れるとエラーになるので
お気を🚨