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

IT_man

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

# CORS header support
" S; }* i- ?0 K9 E! g, d0 l- L#
# 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):
#
$ C: O7 b- l3 L% q8 h5 ^#   include cors_support;
4 \! |8 U7 P1 B! e# L* n#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
, |/ D  Y2 p& X) X. q/ R, Y7 |8 X  R# allows CORS to work if the backend returns 4xx or 5xx status code.
$ c. K8 Z: s2 G: C' F9 e8 N#
# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
6 H5 ~' r! m/ \; ?#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
- w" u5 Y" l$ F5 y' [3 o}

( ]6 J  y) b/ L9 [* K4 k; N0 Qif ($cors = 'true') {
; a  f, J2 m4 h" @4 }. l6 S! ~        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
& G- G3 y: Y, h* s        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
/ T. J0 t5 z0 Q5 d        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;
1 g/ L* K8 E' ^        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
2 A5 T; ~  ?' `; C! c}

0 |6 S2 Y8 [$ t9 \: ^2 zif ($request_method = 'OPTIONS') {
2 P9 V& y; C9 v; e! j7 V8 m1 u6 P        # Tell client that this pre-flight info is valid for 20 days
* G, ]& t( b& M3 y& x0 Q- g- Q        add_header 'Access-Control-Max-Age' 1728000;
! ]8 V6 v% {& ~+ [+ R        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
9 U* O/ N' }: O, y7 p1 D+ L        return 204;
}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
# H) v! a! F+ n2 h- G3 x1 yset $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
}
9 d2 |" }  W" G# q8 Yif ($request_method = 'OPTIONS') {
  W3 x( C1 r- b5 s     add_header 'Access-Control-Allow-Origin' "$origin" always;
     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
3 ^; ~% A, \$ S     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
     add_header 'Access-Control-Allow-Credentials' 'true' always;
. B- q/ g: d: V3 u- l) {     add_header Access-Control-Max-Age 1728000;   #20 days   
% g( X" _/ f# O/ m     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
  R0 k+ w% O9 b( ^- I: [. k9 a0 T     return 204;
}
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;
     add_header Access-Control-Allow-Credentials true always;
}

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

# based on https://gist.github.com/4165271/
#
6 p* v5 }! B; ^$ X# Slightly tighter CORS config for nginx
' R/ N% V- B9 k7 A' \/ h#
8 `2 `( x$ |* B! S, p# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
% `2 A/ n! @$ v# 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)
, P5 I* I" n; I: ^! Z+ P  }# don't seem to play nicely with this.
#
% I0 g) z% V9 G# K# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
; i  U- L# e0 t7 G2 S9 r. z# method to control access instead.
$ T# W( h! X. |4 p0 j#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
; Q7 ?+ L3 B8 j$ ]
7 I; c" f: L; C0 W" C8 g    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
    }
0 X, e' s( f6 X9 M7 |: f
9 D: Y! \  U( g/ D- G* I    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
( h1 J7 p3 J5 {, p! X: X+ `    if ($request_method = 'OPTIONS') {
$ Q, U% h5 B4 `. R* P  W0 n        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
$ G$ _, C/ W$ k! T% \        set $cors "${cors}get";
    }
; t$ A5 M' Q- O6 n    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }
' J5 f* A& O# X, A
    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";
9 {9 p, f1 q6 N( d    }

& p9 _$ Y3 _8 \6 r. O0 W% Q    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
9 F' K/ Z' b1 X3 ^7 T        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
+ u; e6 {/ w$ g+ O1 y    }
! ?2 b. C( L/ R) J" ^
' m% A1 B6 P7 s" V0 ?' o5 [7 |    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
2 f4 A6 ?1 ~0 q# r9 K
2 h- }% o  f: `8 z1 [        #
        # Om nom nom cookies
  P5 C7 p4 }6 O# h6 d4 w        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

$ H9 F4 j: x6 P1 c# T        #
        # Custom headers and headers various browsers *should* be OK with but aren't
" b& H4 n0 ]4 P* }: N7 D: ^        #
6 J& C+ x% X7 ?( X; j+ Y        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
% W# U/ ^- h% v) \& t5 W3 n
        #
        # Tell client that this pre-flight info is valid for 20 days
        #
: }" e0 w( M8 G, h6 T        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
! t- H9 P2 K: y0 [0 p        add_header 'Content-Length' 0;
3 H# [, j/ |) C7 j' p; @9 T* `. H: ^, S        return 204;
2 f3 n/ t" _6 S7 u) X    }

& t( `( h! e, q" [    if ($cors = "truepost") {
8 F# p" S3 A! ]. j3 v        add_header 'Access-Control-Allow-Origin' "$http_origin";
% W3 ?! E% Q; {* b: w        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';
9 M9 U7 k4 o* k/ A& _/ j    }

}

# N% Z7 u% a) R# n
) s7 c! I% }7 [6 n* B- G( l: B