0

More than 3 years have passed since last update.

@miyuki_samitani

originとは？

Posted at 2021-05-21

勉強前イメージ

ドメインのことだと思ってたけど、違うみたい。。

調査

originとは

この場合はwebのoriginになります。

originとはURLのスキーム(プロトコル)、ホスト(ドメイン)、ポートによって定義されています。
スキーム(プロトコル)、ホスト(ドメイン)、ポートが同一であれば同じoriginということになります。

スキーム？ホスト？どの部分のこと？

例として、以下を使用します。

https://www.hogehoge.co.jp/home/blog

スキーム : https://
ホスト : www.hogehoge.co.jp
ポート : ↑のURLでは省略されているのですが、 https://www.hogehoge.co.jp:443 の443のこと

originの例

同一origin

https://www.hogehoge.co.jp/home/blog と比較して
- https://www.hogehoge.co.jp:443/home/blog
  - ポートは同一(元々省略されている)
- https://www.hogehoge.co.jp/home/recruit
  - スキームとホストは同様なので、ファイル名などは変わっても同一origin

異なるorigin

https://www.hogehoge.co.jp/home/blog と比較して
- http://www.hogehoge.co.jp/home/blog
  - https から httpに変わっているので、スキームが異なる
- https://www.hugahuga.co.jp/home/blog
  - hogehoge.co.jp から hugahuga.co.jp に変わってるので、ホストが異なる
- https://www.hogehoge.co.jp:8080/home/blog
  - 省略されているが、443 から 8080 に変わっているので、ポートが異なる

勉強後イメージ

originはドメインと同様ではなかったのか・・・・
一緒のものだと思ってたけど、http→httpsに変わってもoriginは異なるのか。

参考

0

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

0