IPでなく、DynDNSのURL名に基づいてAxiosをリクエストすると、なぜCORSエラーが発生しますか？

Question

私はNode.jsを実行しているラズベリーを持っています。 CORSがインストールされ、構成されています。私はポートフォワーディングをセットアップしましたが、IPが変化し続けるので、私はDynDNSプロバイダーに登録しました。

localhost：8080でAPIリクエストにReact.jsとAxiosを使用します。私は（例えば）24時間ごとに変化し続け

const ROOT_URL = 'http://81.23.563.80:5000/'; 

に私の要求を基づか場合

興味深いことに、その後、CORSモジュールは、それが仕事ですやっていると私は私の要求を実行することができます。私は

const ROOT_URL = 'http://mydyndnsurl.provider.com/'; 

に私の要求を右のそれを行うと、作りたい場合はしかし、その後、私は彼の典型的なエラーメッセージが出ます：

XMLHttpRequestがhttp://mydyndnsurl.provider.com/をロードすることはできません。 プリフライト要求に応答してアクセス制御チェックを通過しません。いいえ 要求された リソースに 'Access-Control-Allow-Origin'ヘッダーが存在します。したがって、オリジン 'http://localhost:8080'は許可されません。

誰にもこの問題の解決策がありますか？

Answer 1

あなたはまだROOT_URLにポート番号を含める必要があります。

const ROOT_URL = 'http://mydyndnsurl.provider.com:5000/';