Nginx之CORS（Cross-Origin Resource Sharing，跨來源資源共享）來實現防止盜連多媒體資源

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:


0 f9 p5 G) E0 f% E, d2 P

# CORS header support
#
% r! v$ ^2 n9 T* n& u6 v  o4 }9 X# One way to use this is by placing it into a file called "cors_support"
& M7 W) W8 u) m% Q# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
0 t2 Z) |. d2 S! R#
! F% |3 ]# t7 z, G7 d( a- U5 b#   include cors_support;
#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
# allows CORS to work if the backend returns 4xx or 5xx status code.
#
: S$ K0 y+ d; W$ q; U+ [; b# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
#

set $cors '';
* n0 o. `2 n; m- z3 Sif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
/ ~9 o% m/ e4 ^, W        set $cors 'true';
5 f2 h8 {0 r0 Y3 E! D+ Z}
$ Y+ ~5 P  i( t0 {- ?
  B: x# w/ t+ Q' Q, P; \if ($cors = 'true') {
: W; k7 }' L) d        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
& S0 y7 {( g9 ]- @+ s        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
: i# |  A' i1 A% C' Q        add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
9 T" J- u, \2 S  N        # required to be able to read Authorization header in frontend
/ P% t$ Q( D4 ~        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
/ l3 e# G7 v0 X3 l}

$ s1 M% W8 y6 w  {if ($request_method = 'OPTIONS') {
  N- r( o1 v/ j        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
4 T/ q4 J; `# P/ A3 y}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
set $origin $http_origin;
: D" \1 h9 T4 F+ z9 ~8 wif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
' L) [+ C: y& B8 @# c. d     set $origin 'https://default.yourdom.zone';
}
if ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
# l1 x, s( Z' k0 H3 e7 S1 @     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
6 n$ `' A" k) J. D$ O% f     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
# y+ X. m3 i8 u, m2 x  k     return 204;
}
4 @/ w1 Y; F; Y# N1 Mif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
7 C& v. |4 d9 @     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
2 A: ]- E9 ~$ @, f! x% t, K. |. f     add_header Access-Control-Allow-Credentials true always;
}

Access-Control-Allow-Origin Multiple Origin Domains? 的例子:

# based on https://gist.github.com/4165271/
& ?' S1 n7 \, z1 b7 ?% b$ A9 J#
# Slightly tighter CORS config for nginx
+ W- l/ `- @  W. I/ q+ D, G#
# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
2 l  E* ^/ w% H, ^# Despite the W3C guidance suggesting that a list of origins can be passed as part of
# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
! b9 z4 L! n3 F1 S0 G. J# don't seem to play nicely with this.
$ t0 c7 }  N  _- E7 _#
4 w# v$ g4 z3 w# g( _4 S2 P7 U# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
8 q/ H- g4 M+ o, U0 B" A8 |#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
, a# Y  y* F" r! h5 F- {
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
0 |8 K4 m" j4 o5 H  C9 P% ?        set $cors "true";
/ E6 W) [- _  z- v& i( R1 y. D    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
- j; D. l8 {2 n1 w    if ($request_method = 'OPTIONS') {
7 v8 y# Z$ R1 p# B; L: \        set $cors "${cors}options";
0 z+ [' u: b& v5 }2 b2 z5 z    }
: y0 p: A' d) t; V" a: `    if ($request_method = 'GET') {
        set $cors "${cors}get";
    }
$ O! N" y% L$ G    if ($request_method = 'POST') {
8 d$ {7 |1 l  U4 l  I  ~8 G$ B        set $cors "${cors}post";
    }

% Q" \2 C* g& y7 p% g# G( C    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }

    if ($cors = "trueget") {
  z" ?) J8 X* q& b% t        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
. b1 _: @" P* t: q$ U; L    }

    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

7 i! `9 z$ N$ z) @$ v7 ]/ m        #
        # Om nom nom cookies
. W/ W7 i# L% {        #
        add_header 'Access-Control-Allow-Credentials' 'true';
' \5 e8 E3 s8 I9 f9 z        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
: c1 b3 Z/ |0 Q+ R3 L8 y
        #
4 A8 f" E. x. j* ^& F        # Custom headers and headers various browsers *should* be OK with but aren't
        #
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

        #
        # Tell client that this pre-flight info is valid for 20 days
        #
        add_header 'Access-Control-Max-Age' 1728000;
* f: N/ O) z! `        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
+ ?' V: K/ g7 k5 O# X  c) O# |! E        return 204;
2 {( ]' ^9 m) r6 x$ l3 B    }

    if ($cors = "truepost") {
; r( Z7 r5 x2 b        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
; A# h( [- L& ~: ~  n, |        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }

}

0 x1 N$ s6 K: j+ n& n$ A+ V3 E3 u