プログラミング 未分類

blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

投稿日:2022年7月12日 更新日:

エラー内容と状況

JavascriptからPHPを呼び出したら下記エラーが

Access to XMLHttpRequest at ‘https://ooo/xxx.php’ from origin ‘http://localhost:7000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.


CORSについては一応理解しており、PHPファイルにも以下を追加済み

header(“Access-Control-Allow-Origin: *”);
header(“Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE”);
header(“Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept”);
header(“Content-type:application/json”);

Access-Control-Allow-Origin: * を記述しているのになぜエラーが出るか分からず、長時間はまりました。

原因と解決

エラー原因はCORSではなく、javascriptから呼び出しているPHPファイル内の構文ミスでした。ある行の末尾に「;」が抜けていました。PHPファイルを修正後、問題なく動作しました。
恐ろしい事にPHPファイルに問題がある場合にブラウザには上記の「 No ‘Access-Control-Allow-Origin’ header 」エラーメッセージが返ってくるのです。本当にアクセス権限を与え忘れている時との区別がつかないので注意が必要です。PHPはエラーが分かりづらく、扱うのが恐ろしいです。。。

-プログラミング, 未分類

執筆者:

関連記事

Railway.appでついにRegion選択が可能になった – 2023年版PaaS選び

PaaS選びの際、Web検索で情報収集をすると多くの記事が見つかりますが、料金情報などを並べただけで実際に利用した情報がないように思われます。本記事では実際に身銭を切っている立場からPaaS選びについ …

MacOSアプリ公開:備忘録、ライブラリLink

Web上にMacOSアプリ公開に関する情報は少なくて苦労しています。iPhoneアプリと比較した場合、MacOSアプリはAdmobで稼ぐという手段がなく有料版リリースをするしかないので開発者からは敬遠 …

Android App: How to share video in external storage to MediaStore?

Code Android Studio Electric Eel | 2022.1.1 Patch 2[Java]String path = xxx; //path of the video in t …

スポーツ吹矢上達法その1/ 近距離で吹くべし

目次 スポーツ吹矢とは上達するための練習方法を考えてみるまずは近い距離で35点を目指す重要なのは35点がでなかったか原因を見つける事ゆったりとした「間」がキーポイント スポーツ吹矢とは スポーツ吹き矢 …

iPhoneアプリ公開でAppStoreにて言語が英語になる場合の対処 | Xcode

日本語にしか対応していないアプリを作成してAppStoreConnectでも言語を日本語しか選択していないのに、公開したらAppStoreでの言語表記が「英語」に。日本語にしたい場合の対処法です。[対 …