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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
" m9 J& G& x9 `7 ^/ y7 b0 s8 b
" q; L: e8 u) }2 u( u& R( `; j

# 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
5 a7 ^# a. u. [, m/ N, {& S, T# statement inside your **location** block(s):
; w* @( A, v0 j' X: P8 p: A) G* ?#
#   include cors_support;
# Z+ J2 y: T& M  N#
3 \) |7 R/ \, Q# 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.
( @8 {- `2 A- }$ H6 c" y#
# For more information on CORS, please see: http://enable-cors.org/
; B" g+ @7 A6 P+ ]7 {# Forked from this Gist: https://gist.github.com/michiel/1064640
5 R( L% p* }. O% H: a% k6 ^#
- p, a% P8 V5 I
" f  j2 T2 c6 z8 R  Y, pset $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
7 Z2 R2 h2 E9 j6 ]# a: Y4 B        set $cors 'true';
* u2 P+ q  i: B5 S' L$ R: c: u( d}

- Q! O; p5 {* U1 e" Z9 |* Z) rif ($cors = 'true') {
, Z9 L8 r8 G, Z" I$ h2 }: v        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
0 t3 ?: h+ i6 U5 S" @+ a% 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;
6 m3 Z& a0 r3 n# a        # required to be able to read Authorization header in frontend
. {; ]* h) j4 i4 `0 }2 n' O& i" f        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}

* g2 D5 R* h* N8 `) B6 I+ fif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
! y' @: i) v$ c/ A7 J        add_header 'Access-Control-Max-Age' 1728000;
4 P! p6 Y6 `1 F+ q2 a        add_header 'Content-Type' 'text/plain charset=UTF-8';
+ k) X' I5 w& L        add_header 'Content-Length' 0;
        return 204;
}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
. V+ d' k  u6 E% e4 B0 D# d" Y2 ~}
set $origin $http_origin;
# f. l) {8 T6 s9 zif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
/ T+ j: j" P* K' M3 \}
if ($request_method = 'OPTIONS') {
/ I1 q. p$ U% y" B  J     add_header 'Access-Control-Allow-Origin' "$origin" always;
     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
% \* x* Q4 T% x2 Q8 p4 J6 T+ Y: e     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
. v  l" Q2 o1 b& V8 b3 S     add_header Content-Type 'text/plain charset=UTF-8';
; W* k& t' T$ ]- d- Q! h     add_header Content-Length 0;
5 i' M/ N( r  Y4 N     return 204;
% @$ I1 D7 c  h: a8 ]9 u) O}
if ($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;
     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
9 n. K2 n. D# j6 u" D     add_header Access-Control-Allow-Credentials true always;
0 H, B' \6 ]3 @; I  [: p# o}

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

# based on https://gist.github.com/4165271/
/ R1 H, }& r0 x/ C( w( T! D#
! i2 o- ]7 H) }8 d! m# Slightly tighter CORS config for nginx
#
& D  I8 x+ l" O& x) J( L6 y# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
9 J$ g0 ?# t7 B1 U! E# G8 J#
# Despite the W3C guidance suggesting that a list of origins can be passed as part of
1 x; Z9 s. ?: ]9 y5 ]0 |* R# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
+ n& a9 D6 |5 j, ~  c9 p5 m  [: ^# don't seem to play nicely with this.
' ?; @. X! |; K5 S$ _' l$ y#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
& Y2 I: x: Z1 V  E# method to control access instead.
#
# NB: This relies on the use of the 'Origin' HTTP Header.
- T, W+ n* y5 [# L# h. b
location / {
" o/ ?- f) u% d- j  c0 |
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
2 |* E% O  n, S2 Z, s        set $cors "true";
( ^# E# Z  j3 R  u    }
0 [$ n8 p" n! [' r5 a
6 t9 M- F" Q( I$ w    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
$ Z* I6 h' |# V# @3 L- _3 X    # Determine the HTTP request method used
8 ~5 v- M  t6 c( l7 ]8 T    if ($request_method = 'OPTIONS') {
+ X  q4 a4 ^4 Z9 x5 t% \        set $cors "${cors}options";
3 f9 K& o+ K& }7 k) R& I    }
+ u, l! f4 @& p    if ($request_method = 'GET') {
5 E1 U; q' v$ R6 p8 R/ U3 w7 @        set $cors "${cors}get";
    }
6 d) a9 o( Q4 X( Q9 ?3 @    if ($request_method = 'POST') {
6 l* M+ ?1 u0 B! |; R        set $cors "${cors}post";
0 X& B4 z' p+ Z+ T    }

    if ($cors = "true") {
/ v$ O, {. [. @/ U2 l        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
0 o$ _* [; ]' K( z
    if ($cors = "trueget") {
6 X' F9 c' v( X. }) f( d! f, }        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
5 w1 M9 ]( C5 [6 p& D9 }        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
. V( Y1 e/ e, x! j- `8 o+ Q& F7 V
; A  i( d) \. U    if ($cors = "trueoptions") {
  ]. Z& G- ~9 m3 J' ]  |: e# B        add_header 'Access-Control-Allow-Origin' "$http_origin";

4 n5 h/ @% w" B: o. ?( Z        #
        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
        # Custom headers and headers various browsers *should* be OK with but aren't
/ w; T  k2 Z7 \% s8 i& B        #
4 b5 Y" N# t" W3 Z+ O/ z/ N2 D        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

3 b% w! |, L2 {. m        #
  y2 V* i+ h+ @: U        # Tell client that this pre-flight info is valid for 20 days
. G1 d$ K, O6 ^1 D* q! k        #
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
, [+ p, V9 X- \6 c; c2 O/ A        add_header 'Content-Length' 0;
4 \! M6 P. B6 P, c, J        return 204;
    }

! g& b" p* {9 C& w9 n    if ($cors = "truepost") {
, ^5 }4 G3 {5 c+ n        add_header 'Access-Control-Allow-Origin' "$http_origin";
6 u. `* {8 V  V, D/ D$ _        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
& Q/ f6 o1 H6 ]3 p( k2 c7 {0 x        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
% R. ~5 C0 r6 M, {    }
- H( T: q$ m& g) H
}

7 f/ \, A+ G$ M% a1 Z