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

IT_man

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


( F: h5 |; w0 T" a$ o) y2 D# {

# CORS header support
#
6 O% ]1 C8 O5 B7 _, m# One way to use this is by placing it into a file called "cors_support"
: X- k5 z, V- }! d# g" ~/ b# under your Nginx configuration directory and placing the following
% [  o5 `& ]9 x, P# statement inside your **location** block(s):
- H8 q. f( G( M! ^#
+ K" m9 U4 H4 L/ ~* _0 ^#   include cors_support;
#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
: Q2 W4 N( B) n; B" V+ I$ X# allows CORS to work if the backend returns 4xx or 5xx status code.
/ D2 U! ?$ M/ j) z4 q! x#
# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
#
9 w' Q+ q; [$ j6 L! ~; ]! z
- _' {. i% X: L! C  eset $cors '';
0 x% M( l' a+ J3 ~! ]4 u  N. wif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
}
- {) a5 v3 V6 q9 }3 Z8 v
if ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
) P2 T) O/ E# r, g! \$ Q        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;
! X. f8 f; n9 v  R9 [- i' n        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
* s( u1 C. p% J}
+ p, l. S7 s3 Y8 ]
6 @% v/ ?& v$ Z1 I: ^if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
( G$ b: x5 W6 o        add_header 'Access-Control-Max-Age' 1728000;
- m  A' Q! `7 j) c( o        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
# ^+ t4 r% N- Z3 m        return 204;
5 S7 M2 Z- ?2 o$ L6 F" q8 W3 D}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
2 R1 X5 a) K) d: U2 |: {}
6 d9 G! B3 [5 P9 Q& j. ]0 l$ Xset $origin $http_origin;
4 x# Y  m) T: n; ?5 ^if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
}
if ($request_method = 'OPTIONS') {
* s3 y) j2 a5 c9 _     add_header 'Access-Control-Allow-Origin' "$origin" always;
     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
' ^0 ^& u; z- f& i$ L/ d2 V     add_header 'Access-Control-Allow-Credentials' 'true' always;
' }: @0 b+ A7 S4 m+ W! P8 S4 O$ @     add_header Access-Control-Max-Age 1728000;   #20 days   
2 W- F1 p3 ^4 J' e! Y     add_header Content-Type 'text/plain charset=UTF-8';
6 ^5 t3 F# ^$ e4 L     add_header Content-Length 0;
     return 204;
0 h$ h, `* u6 v; m/ T& [! Y}
, i6 m4 n& `' r$ Dif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
' `* E. v) ]) _3 k     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
: w4 F4 e0 L9 d  s3 V* T4 f  i) |     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
     add_header Access-Control-Allow-Credentials true always;
}

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

# based on https://gist.github.com/4165271/
#
8 G: C' u6 Y% v# r# Slightly tighter CORS config for nginx
+ ]1 V6 _# a2 s5 \' g1 C5 {#
: S" \! O7 S2 I: P! v' K* n# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
1 r$ X; m3 `& h4 v#
0 e- x7 a# P; g1 d: o: P/ m# Despite the W3C guidance suggesting that a list of origins can be passed as part of
* x2 N6 W. U( B6 R6 ^9 Q/ R" ?) ^# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
+ w+ S( ~' g; I7 }: R" |) y# don't seem to play nicely with this.
; p1 @, c$ v' i+ ^  R2 s8 S9 c#
/ q& k/ [+ o6 w* |2 l& v* ~) |# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
6 e  o/ F) ?3 S" `# method to control access instead.
& o6 x" w# {* W& c#
3 u# n/ J5 e0 i, ~6 H5 D# NB: This relies on the use of the 'Origin' HTTP Header.
* H1 T$ N* T. {+ |( m. c
location / {

/ G* b) V" X5 Y$ c- K# |% B    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
: S2 @) ]" C8 l2 f2 J3 N        set $cors "true";
0 m5 ^. _! Q( J" V7 x- v$ l    }
5 x5 X" S" R% e( i
' C0 m9 w7 m4 _    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
, ~. R# t5 Q" h+ p    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
' L' j0 w1 F9 l3 ~$ O- J4 f    }
    if ($request_method = 'GET') {
) Q; G) f/ C% N        set $cors "${cors}get";
" x  D, L' g( \$ p" I  C    }
    if ($request_method = 'POST') {
0 p3 w3 J6 {* e/ v        set $cors "${cors}post";
    }

    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
) u8 _6 u: B& `        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }

; o8 H" g% j) |; S7 [; E    if ($cors = "trueget") {
) }) _9 A1 N1 K: _        add_header 'Access-Control-Allow-Origin' "$http_origin";
* @- {) a. e% @7 I5 F        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';
    }

5 E4 ^0 v8 j5 E: J0 `( T+ E1 m    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
6 r0 f4 B. o2 K: O4 H
# |3 s  g8 z! |- ^4 M, u- E        #
        # Om nom nom cookies
        #
) _# w6 ^! D' O0 E. o3 }4 c1 ?        add_header 'Access-Control-Allow-Credentials' 'true';
+ d$ k+ H, h1 J( j; |3 ^        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
, Q8 ~+ E) h! n1 G: I) H
        #
( |8 U0 X4 k2 p4 q+ K        # Custom headers and headers various browsers *should* be OK with but aren't
0 m+ Z% @1 |8 j/ \        #
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

* v7 b) m" ?+ c. d& `' o8 {        #
9 f( X9 i1 @5 _+ T& H/ `        # Tell client that this pre-flight info is valid for 20 days
0 {4 X8 F" q+ y) V1 w5 R        #
& r$ M: M2 a4 x5 U( k' v( j        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
* M2 D, a# t6 P- S0 G- X1 K! Z+ s        add_header 'Content-Length' 0;
) f# K& Q: m# K0 V  `  k1 E' `        return 204;
5 q. C8 _- n% e: _8 v" F: f) Q! h    }

    if ($cors = "truepost") {
1 ^+ S' D- ?) E$ s, Q2 L        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
- M1 y7 U8 b( @' r; K        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
$ G7 v9 \5 H6 I6 q& i  u% |) y$ f    }

1 ~5 d" J5 ]0 o. m; n, Y}

& e9 J7 J2 z- f, h4 l9 J) X
8 B$ G* t) {3 `