JavaScript Ajax通信（fetch）で403エラーになる

かなり嵌まったのでメモ。

原因

Webサーバー側でWAF（ウェブアプリケーションファイアウォール）で止められていました。これを無効にしたらプログラムはそのままで403エラーは出なくなりました。

無効にする手順（ロリポップ）

[セキュリティ] → [WAF設定]にアクセスし、ドメイン名を選んで[無効にする]をクリックする

セキュリティが弱くなるので注意が必要です。