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

IT_man

tid=101068&以下是gist.github.com支援reverse proxied APIs的範例:
  f# k+ B  h4 C* r" o$ }, W. k

2 u/ w" a9 q% S! K: Y1 |

# CORS header support
#
# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
9 k) \8 _7 w4 B( k6 I#
#   include cors_support;
, a( u+ H0 n, }/ D: C5 o0 o#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
/ Q  j6 I" L2 ]* W# allows CORS to work if the backend returns 4xx or 5xx status code.
#
# For more information on CORS, please see: http://enable-cors.org/
1 [! Z" ?3 |  U- g* }$ x3 v0 B# Forked from this Gist: https://gist.github.com/michiel/1064640
#

- E! s" w8 }3 o0 C7 N; Lset $cors '';
  D! F, K) C" rif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
# O* O! Q' g1 }& W  p8 P2 [        set $cors 'true';
}

if ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
9 g( T% w- H" `        add_header 'Access-Control-Allow-Credentials' 'true' always;
6 v& m& Z4 t6 R& r9 U( ^        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
/ j* R, D$ }6 T3 L, r/ q- r8 `: R        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;
$ h) X! `# @/ p: s        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
/ B# l1 s! u; z; v
+ c) Q* R2 m; Z! s) e0 hif ($request_method = 'OPTIONS') {
3 c* A1 |6 w3 b; `        # 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;
: q3 C  H1 i; x3 \}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
' Y% a. Q2 s( I$ I% c4 C, n9 }}
' M2 X  U/ L+ D) `- `set $origin $http_origin;
' O4 g$ q3 Y1 ~- O( {- {3 a3 hif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
+ `& [) i: `! C% b. ]}
: F  B& M9 v' V" i5 Yif ($request_method = 'OPTIONS') {
* e1 d" H7 q# s% R) a2 O/ E     add_header 'Access-Control-Allow-Origin' "$origin" always;
: g4 `6 e% g, I0 d  F     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
/ v, M/ H2 m1 b2 t, g     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
8 U. y4 G$ P9 j+ _9 e     add_header 'Access-Control-Allow-Credentials' 'true' always;
6 a' z* r9 H2 p& A& a" Z     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
) j  M' N9 D* |, A: Q7 Y) v4 b! z     add_header Content-Length 0;
5 B! G/ z. y' N# n9 _% I     return 204;
( N& L/ e  x  |9 v9 N: s}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
0 ^" ^# g( X" V1 y     add_header Access-Control-Allow-Origin "$origin" always;
3 [0 ]. ~0 C/ v- f7 `3 ]4 o     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
% Q$ @) _& k( \5 n* k     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/
! E( Y$ L6 o7 G4 u+ y- |#
# Slightly tighter CORS config for nginx
#
# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
6 K/ o% T' g. `# Despite the W3C guidance suggesting that a list of origins can be passed as part of
3 s! r* u/ k4 b/ y# R+ j# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
# don't seem to play nicely with this.
: D2 k7 ]3 j7 ~#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
, C3 l2 M7 G# D2 s7 d# method to control access instead.
8 V. {( v% M* _* B#
! f7 e' R; U" b1 @/ I- t1 j; K# NB: This relies on the use of the 'Origin' HTTP Header.
8 K, b3 P: x! Z2 Z8 i! |
location / {
5 l$ i- }0 q; P4 }( q
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
+ j6 s, y& Z$ l9 `        set $cors "true";
    }
1 f1 |  i* ]! @1 }
    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
! O% a- {, z8 m/ v9 S! j% M4 M$ h    # Determine the HTTP request method used
    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
    }
2 ~, U- `  I9 b  `" I    if ($request_method = 'GET') {
+ g. X; q+ T. y  n4 B6 s4 `! B        set $cors "${cors}get";
: Q* d* y1 k4 f# P    }
: z4 W1 d4 B* G$ z( J    if ($request_method = 'POST') {
. T$ A- J1 O6 M- L        set $cors "${cors}post";
! }) t4 F( G  ^) ]* h    }

- _/ G/ c. ~* D5 z, @    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
9 ^% c0 \# s0 j9 j  K) i$ T3 ~& f        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
$ f# e0 Y9 [3 V9 \0 |$ F/ \
    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
* M$ A9 n( J, |  V        add_header 'Access-Control-Allow-Credentials' 'true';
) s0 H* m9 v. W$ P; F        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';
+ S/ g2 ^  O8 H6 I2 E! v    }

+ c! T' Y+ |/ s' \    if ($cors = "trueoptions") {
$ n$ X6 {) D7 ?# {" ]) U# v        add_header 'Access-Control-Allow-Origin' "$http_origin";
7 B" F, k/ z/ ~! P$ s2 d
        #
        # Om nom nom cookies
        #
- y; x: d$ a- T        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
6 ]6 Z9 l8 g- u  R: V$ g
        #
# p1 ^; ^. m" y: k0 p  y7 V        # Custom headers and headers various browsers *should* be OK with but aren't
5 g" I2 }: l: H        #
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
+ w% W4 C. l5 j  T- Q7 }
        #
        # Tell client that this pre-flight info is valid for 20 days
6 L) I2 ]8 e( ~        #
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
: c0 F' V+ _# H+ e        add_header 'Content-Length' 0;
        return 204;
* z3 A9 S$ r8 J3 \4 J    }

" a) X% `! i: g    if ($cors = "truepost") {
( p/ {3 E  X  K& j        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
" b* s! \% V# G5 p; R; s$ f+ o, y        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';
    }
% x0 B: }2 f$ H' Y+ V$ k
}