http://localhost:3001だと期待通りアクセスできるがhttp://127.0.0.1:3001/だとcorsエラーがでるのはなぜ

Question

Rails APIモードとReact hooksでアプリを作っています。

http://localhost:3001だと期待通りアクセスできるのですがhttp://127.0.0.1:3001/でアクセスするとcorsエラーが出てしまいます。

この二つは同じURLではないのでしょうか？

cors.rbはこのように書きました。

 Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins 'http://localhost:3001', 'http://127.0.0.1:3001'
    resource '*',
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head],
      credentials: true
  end
end

またAPIのURLは

http://127.0.0.1:3000/api/v1

です。

そして、http://127.0.0.1:3001/でアクセスしたときのエラーがこちらです。

Access to XMLHttpRequest at 'http://127.0.0.1:3000/api/v1/puas' from origin 'http://127.0.0.1:3001' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:3001' that is not equal to the supplied origin.

私が自覚なしにどこかいじってしまったのでしょうか。
ご教示頂ければ幸いです。

Answer 1

IPアドレスとホスト名は別のオリジンとしてあつかわれます。逆に、IPアドレスが別でも、同じホスト名であれば、同じオリジンになります。IPアドレスは関係ありません。

Comments

[yaha4967]

ありがとうございます！ホスト名がポイントなんですね