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

IT_man

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

+ [1 h6 S9 M) g8 ]& Y4 N+ j

# CORS header support
, s9 @7 R' W2 h7 }  M8 f#
# 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):
#
1 _' J; M% x0 R' z5 J#   include cors_support;
#
# 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/
# Forked from this Gist: https://gist.github.com/michiel/1064640
#

4 ^7 y8 C5 E% s! {+ F. tset $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
; H8 R, [* D$ M; t+ s( ^        set $cors 'true';
}
# y3 l/ G# s0 @/ K7 i2 H
if ($cors = 'true') {
/ |  \1 X! E3 A+ K' M        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
4 i( b. r& \# a# [        add_header 'Access-Control-Allow-Credentials' 'true' always;
; A# Q1 p9 u  |$ {, h        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;
1 V. V6 \4 k1 a2 k3 ]% x2 ?, L/ C        # required to be able to read Authorization header in frontend
! b6 Y- s5 W  M. B4 m' a; h9 n! e        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
1 G$ n: K# H7 e1 H/ F2 E$ C}

if ($request_method = 'OPTIONS') {
        # 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;
! h' o  S+ ?' }        return 204;
}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
- K) e% n0 m1 o+ J0 j, k* B- J1 `}
  h( H" T2 G2 Bset $origin $http_origin;
; G( ^, I7 G$ a: S$ E: s. @if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
( Y+ L) z8 K0 {. X$ m5 t$ v+ p     set $origin 'https://default.yourdom.zone';
  t- K/ N" p& [8 L1 N$ v; G}
if ($request_method = 'OPTIONS') {
1 _: ?& W  N' Y     add_header 'Access-Control-Allow-Origin' "$origin" always;
* ^0 i* q" n$ T; L     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
+ f( z; ?  K. W/ N* f1 R     add_header 'Access-Control-Allow-Credentials' 'true' always;
: o- ~2 D5 H  K8 m: }     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
0 W* s  a7 {8 R     return 204;
}
; R& b0 H1 m' o* g& j, Jif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
& r9 x) z6 @; M. [. ^     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
3 n: O2 S  F% Y  F! L     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
     add_header Access-Control-Allow-Credentials true always;
5 R/ y/ H5 d5 z8 R9 B* x1 Q, V. S* M}

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

# based on https://gist.github.com/4165271/
#
/ j1 y' G1 b0 N* U: Y* T' y( e( H# Slightly tighter CORS config for nginx
2 H# L& {0 Q: H- y#
& L" y0 [% z+ U% P# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
# Despite the W3C guidance suggesting that a list of origins can be passed as part of
0 ~0 x) p, C6 \& U* t4 {+ k! k7 P# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
# don't seem to play nicely with this.
#
  N- ^: C* W8 t  S+ [* E# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
  W6 S# G; x7 ^! p/ u# method to control access instead.
7 X; F- o1 Z# q8 F8 L6 W#
; z5 T+ x; H! [5 L# NB: This relies on the use of the 'Origin' HTTP Header.
; U9 l) G) ^. S" ]0 ^
location / {

) u' D0 A8 L6 j0 i% Q$ A    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
. {% M) q4 n  Z0 g, I        set $cors "true";
  ~7 e/ L7 K3 ~& w7 O& Y" p    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
$ r5 E2 @5 a9 O+ j. B' I        set $cors "${cors}get";
& {3 l" w$ m# _    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
( c# l  _# O! x0 J, B$ _    }
3 }9 I% C' @6 R1 T6 t
2 V% j$ [" v# I  S5 W; w! G* s    if ($cors = "true") {
2 }3 X/ o' f3 R: S+ b% H        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
! I0 }: s  p1 R) a* B. l+ C    }

    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';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
" m# {+ i9 u! k# j1 K3 W
    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
4 K1 D# N* X" F# a
        #
        # Om nom nom cookies
        #
4 L  r- t) r/ k: x        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
, f  v1 ?7 M9 \# }3 m& J
# I5 V, C' E' V        #
7 Z7 p2 t  x; E$ G% y" X$ Y        # Custom headers and headers various browsers *should* be OK with but aren't
& T& F: m( `% y4 B( f# q- \        #
% P* a( W% }! L* q. z        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
% z! T$ ~( E+ S* z1 \) ]! U
        #
# b( W: z& M7 A. V; G        # Tell client that this pre-flight info is valid for 20 days
) q; c0 S+ J9 W        #
# V/ ?' j6 {( N" p        add_header 'Access-Control-Max-Age' 1728000;
8 ?1 a  m2 a( W1 X  [2 R3 _$ b        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
  A6 w# Q  P* n) a/ @# y; q( {        return 204;
( V/ P( _, D7 W    }

    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
  {) L1 x& N- z' }6 s0 B8 Z) N        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
9 P* ~8 g0 x/ d, f        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
5 O# ?" H3 x- B2 A' A4 p
7 o4 k& a( }1 }1 ?7 W}

4 Q- f1 g0 X  u  J
. j! y- R2 T+ {' y; d