其他网址

掘金
 host, origin, referrer的区别_Novice-XiaoSong的博客-CSDN博客
 CDN；什么是Referer？什么是CORS？_leek5533的博客-CSDN博客

简介

? ? ? ? HTTP请求中经常看到几个与网址有关的头（header）：host、origin、referer，本文将介绍这几个头的含义以及作用等。

? ? ? ? HTTP请求示例：

概述

项	host	origin	referrer
作用	描述请求将被发送到的目的地	描述请求从哪个网址而来	当前请求页面的来源页面的地址。（当前页面是通过此来源页面里的链接进入的）
格式	域名/ip+端口号(可选)	协议+域名+端口号(可选)	协议+域名+查询参数（不包含锚点信息）
使用范围	在任何类型请求中，request都会包含此header信息	CORS跨域或POST请求	用于所有类型的请求。
由来	http1.1中为解决虚拟主机问题而提出	H5中为CORS跨域提出	-

host

含义

简介

请求头host指明请求将被发送到的目的地。

格式

域名或ip+端口号

如果没有给定端口号，会自动使用被请求服务的默认端口（比如请求一个HTTP的URL会自动使用80端口）。

使用范围

在任何类型请求中，request都会包含此header信息。

示例

test.com

用途

? ? ? ? host这个header是http1.1中为解决虚拟主机问题而提出。

? ? ? ? host这个header主要应用在虚拟主机技术上。虚拟主机（virtual hosting）即共享主机（shared web hosting），可以利用虚拟技术把一台完整的服务器分成若干个主机，因此可以在单一主机上运行多个网站或服务。

? ? ? ??不同的域名通过 A 记录或者 CNAME 方式可以连接都同一个 IP 下，同一个 IP 也可以设置多个不同站点，那么访问不同的域名都转发到同一 IP ，怎么区分这些不同的站点呢，就是用的 Host 字段。? ? ? ?

? ? ? ? 比如说有一台 ip 地址为 11.11.11.11 的服务器，在这台服务器上部署着淘宝、京东、拼多多的网站，并且配置了三个虚拟主机：a.com, b.com, c.com, 这三个域名都指向 11.11.11.11。当我们访问 c.com 的网站时，看到的是拼多多的页面而不是淘宝和京东的页面，原因就是 Host 请求头决定着访问哪个虚拟主机。

origin

含义

请求头origin描述请求从哪个网站而来。

格式

协议+域名+端口号

使用范围

只有下面两种情况会携带origin请求头

跨域请求
可以看到 response 有对应的 header：Access-Control-Allow-Origin
同域时发送post请求

示例

https://knife.blog.csdn.net

用途

用于 CORS: 当我们的浏览器发出跨站请求时，服务器会校验当前请求是不是来自被允许的站点。服务器就是通过 Origin 字段的值来进行判断。

referer

含义

请求头referer 包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面里的链接进入的。

格式

协议+域名+端口号+路径+请求参数（注意，不包含 hash值）

referrer 存在隐私问题。比如说在请求外部网站的时候，url 的参数信息如果包含隐私，那么久暴露了。?

使用范围

以下几种情况下，Referer 不会被发送：

直接输入网址或通过浏览器书签访问；
当前请求页面采用的是非安全协议，而来源页面采用的是安全协议（HTTPS）；
使用 JavaScript 的 Location.href 或者是 Location.replace()；
使用 html5 中 noreferrer
来源页面采用的协议为表示本地文件的 "file" 或者 "data" URI；

示例