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

IT_man

tid=101068&以下是gist.github.com支援reverse proxied APIs的範例:
. j" B, u2 \3 P
4 Z& \/ Z* D1 |6 r6 M

# CORS header support
5 p# Z9 W$ b" t- A! ?2 r! ]#
# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
: i% u; @' o, M0 \0 J# statement inside your **location** block(s):
) c0 N3 Q( z+ D" h#
8 b" D3 p6 h* M  b#   include cors_support;
#
, Y( ~  O  k  ?- o. G2 K# 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.
#
# For more information on CORS, please see: http://enable-cors.org/
* B) D) v2 y$ @% l& r/ b& u" l# Forked from this Gist: https://gist.github.com/michiel/1064640
+ D+ ~4 ~5 k" {" E; {4 H% G#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
% @+ b1 D) B9 `/ u1 h- B        set $cors 'true';
}

if ($cors = 'true') {
# M1 b% ]. F3 f6 J        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
. D* p( A/ L: L) p        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
        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;
6 c$ \% A1 Z3 s" O3 a        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}

8 f* A+ b( y! w- G8 x+ Eif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
) d( l. t: {- k        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
- w$ H0 C. I  O7 M! T1 i        add_header 'Content-Length' 0;
' y2 ^' E! q5 Y2 P$ O1 G        return 204;
( n% K+ t" x7 _3 N: h, \}

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;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
+ P: l6 _3 W; j& f. ^" x     set $origin 'https://default.yourdom.zone';
}
0 w/ Y4 A( r4 I, G0 V; ]7 F: Iif ($request_method = 'OPTIONS') {
  }6 R" e' ?0 b3 k7 h     add_header 'Access-Control-Allow-Origin' "$origin" always;
# r$ P7 n/ P. R. t     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
- L+ L5 @1 k1 W: j  d     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
, h+ \( X: M$ p9 I1 o4 o     add_header 'Access-Control-Allow-Credentials' 'true' always;
! z( ]/ z& z/ z# O' W; S     add_header Access-Control-Max-Age 1728000;   #20 days   
' l+ r' g4 a! |) o     add_header Content-Type 'text/plain charset=UTF-8';
$ v8 X# W% w& [9 A1 l- m' S     add_header Content-Length 0;
* @5 V) H) s. s     return 204;
4 K9 q6 i' u' l/ ?) X( Y}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
! g# u& \3 P4 j; L( s; x  G7 O     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
* T; ?0 h4 b2 Z: @3 G6 e6 a: w8 q     add_header Access-Control-Allow-Credentials true always;
& \9 t, b% W7 m, W  l}

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

# based on https://gist.github.com/4165271/
#
# Slightly tighter CORS config for nginx
#
3 C; X* M3 F/ Y& V5 [& G# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
# ]& V9 z6 }1 U4 ~. [5 @# 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)
: M9 h4 q% x9 q& S+ L3 g! o# don't seem to play nicely with this.
$ a' X4 k/ w2 N, e3 D#
1 W; l0 C" C% r- I* \" f# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
/ \2 I  O" T% G: `* Q1 g9 d( r#
# NB: This relies on the use of the 'Origin' HTTP Header.
! h& K% i. F% n2 ^& L
$ _5 a2 L! ^" T' @6 p. elocation / {
6 M9 i% X4 T' E: G. H* y; G9 }
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
    }
# O4 i  ?; _* {2 l
8 x; j5 s$ R6 o/ x7 \! U    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
4 _% I. J- @, A2 C, z# D    # Determine the HTTP request method used
    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
        set $cors "${cors}get";
    }
8 h6 s  p) e1 _/ Q3 S! y% I    if ($request_method = 'POST') {
4 [/ e( j' K" G9 h, `% n2 w+ H) w. z        set $cors "${cors}post";
2 v4 }/ y9 X( }    }
& n6 `, ^4 p7 ~% k
    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";
% b  V, t) A: n+ `0 `  ?    }
! o+ @) a. N5 k# {1 g! n# Z  r9 ?
8 ]& ~! x1 H) n! u% o8 D, H' ]    if ($cors = "trueget") {
- \1 t7 ~$ ^9 w. S9 H        add_header 'Access-Control-Allow-Origin' "$http_origin";
  R& \- j" m9 s3 W( z        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';
    }
2 i9 w- a' n2 u) a* N* p3 C
+ {0 |# k6 k- p. ?- Z8 m' \    if ($cors = "trueoptions") {
  C, p- u6 W/ e" A        add_header 'Access-Control-Allow-Origin' "$http_origin";
8 u( _8 r. @* \
8 ?& ]5 H8 d5 F& N4 d        #
        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
( E% E! y9 @' e% f( D        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
" ~3 I5 j5 ?1 k
        #
        # 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';
' \* H8 u% i) I
        #
+ b% Q/ E/ ^6 q& H; u" n1 v        # Tell client that this pre-flight info is valid for 20 days
        #
        add_header 'Access-Control-Max-Age' 1728000;
% M, G4 U( ?* E        add_header 'Content-Type' 'text/plain charset=UTF-8';
5 D3 s0 I' i, c: K2 p% X        add_header 'Content-Length' 0;
        return 204;
    }

    if ($cors = "truepost") {
' N6 O2 j- f, r3 @6 U% B/ j        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
5 O4 \. {2 |7 [$ h3 O  j+ s8 P! v        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';
    }

}

7 @2 y1 L. ^0 U4 g$ C3 L
; |/ W; m- S% a& |3 X