Origin

{{HTTPSidebar}} 

The HTTP Origin {{Glossary("request header")}}  indicates the {{glossary("origin")}}  (scheme, hostname, and port) that caused the request. For example, if a user agent needs to request resources included in a page, or fetched by scripts that it executes, then the origin of the page may be included in the request.

Syntax

Origin: null
Origin: <scheme>://<hostname>
Origin: <scheme>://<hostname>:<port>

Directives

• null
  • : The origin is “privacy sensitive”, or is an opaque origin as defined by the HTML specification (specific cases are listed in the description section).
• <scheme>
  • : The protocol that is used. Usually, it is the HTTP protocol or its secured version, HTTPS.
• <hostname>
  • : The domain name or the IP address of the origin server.
• <port> {{optional_inline}} 
  • : Port number on which the server is listening. If no port is given, the default port for the requested service is implied from the scheme (e.g., 80 for an HTTP URL).

Description

The Origin header is similar to the {{HTTPHeader("Referer")}}  header, but does not disclose the path, and may be null. It is used to provide the security context for the origin request, except in cases where the origin information would be sensitive or unnecessary.

Broadly speaking, user agents add the Origin request header to:

• {{Glossary("CORS", "cross origin")}}  requests.
• same-origin requests except for {{HTTPMethod("GET")}}  or {{HTTPMethod("HEAD")}}  requests (i.e., they are added to same-origin {{HTTPMethod("POST")}} , {{HTTPMethod("OPTIONS")}} , {{HTTPMethod("PUT")}} , {{HTTPMethod("PATCH")}} , and {{HTTPMethod("DELETE")}}  requests).

There are some exceptions to the above rules; for example, if a cross-origin {{HTTPMethod("GET")}}  or {{HTTPMethod("HEAD")}}  request is made in no-cors mode, the Origin header will not be added.

The Origin header value may be null in a number of cases, including (non-exhaustively):

• Origins whose scheme is not one of http, https, ftp, ws, wss, or gopher (including blob, file and data).
• Cross-origin images and media data, including that in {{HTMLElement("img")}} , {{HTMLElement("video")}}  and {{HTMLElement("audio")}}  elements.
• Documents created programmatically using {{domxref("DOMImplementation.createDocument", "createDocument()")}} , generated from a data: URL, or that do not have a creator browsing context.
• Redirects across origins.
• {{HTMLElement("iframe", "iframes")}}  with a sandbox attribute that doesn’t contain the value allow-same-origin.
• Responses that are network errors.
• {{HTTPHeader("Referrer-Policy")}}  set to no-referrer for non-cors request modes (e.g., simple form posts).

[!NOTE] There is a more detailed listing of cases that may return null on Stack Overflow: When do browsers send the Origin header? When do browsers set the origin to null?

Examples

Origin: https://developer.mozilla.org

Origin: https://developer.mozilla.org:80

Specifications

{{Specifications}} 

Browser compatibility

{{Compat}} 

See also

• {{HTTPHeader("Host")}} 
• {{HTTPHeader("Referer")}} 
• Same-origin policy
• When do browsers send the Origin header? When do browsers set the origin to null? (Stack Overflow)