1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Type Error:Failed to execute 'fetch' on 'window':Request with GET/HEAD method cannot have body.と出た際の対処法

Last updated at Posted at 2023-04-21

自社のサービスの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

ちなみに最後の項目の終わりにカンマ(,)を入れるとエラーになるので
お気を🚨

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?