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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
9 S4 ?# K: a+ p1 T

# CORS header support
#
# One way to use this is by placing it into a file called "cors_support"
. S1 z/ W# A% W3 v# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
#
#   include cors_support;
& d$ Q; ~' y+ [3 [% u; ^% }; }#
# 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.
#
. x; T6 {( ]( F: Q* z4 z# For more information on CORS, please see: http://enable-cors.org/
' O& x! d8 z4 w+ T& Z/ \3 _: \# Forked from this Gist: https://gist.github.com/michiel/1064640
6 Y2 Y. K8 y# g/ R( F! ~" F#
+ W9 `$ m, l7 e- f% h. m: F  j* Y
; q0 U% h4 K! q, K" l+ gset $cors '';
" o2 }9 I/ d. E; [  L/ T; ^( W# jif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
1 D3 ~8 Q, y. S        set $cors 'true';
}
1 c) w% C+ k( M5 B9 i4 y4 [
0 M. |8 b4 \: V# B8 Lif ($cors = 'true') {
) e& H% V# J$ u! b: m        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
. s) V: H4 V/ j; H5 r3 K% l6 }: T        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;
& [3 X) I) Q* n) K! X- N1 U        # required to be able to read Authorization header in frontend
7 o+ f. X3 d- ?$ n9 Z        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
( q! a: v& z" x, n}
" K2 N! n# y' l, \- ^) D
if ($request_method = 'OPTIONS') {
) y) y, n$ i' Z! I( g        # Tell client that this pre-flight info is valid for 20 days
, [* G$ a. f4 t9 s: T        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
' y+ \% Q- M5 g2 s) g7 k  G        return 204;
. x! U8 l. }1 J6 N2 z4 S# n}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
set $origin $http_origin;
' Q8 j7 Q/ H1 c1 @if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
}
7 u; u! A& B* U2 Q1 kif ($request_method = 'OPTIONS') {
     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;
! B  P1 [3 t4 d( i. @% K     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
- g3 B4 u1 Z% r3 V7 _, f6 r     return 204;
; M$ |+ }% y* {: c7 x$ W8 h6 M}
& c" d# V5 w" [3 J" q' wif ($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;
  ^) S" o: U; X1 [5 ^+ S- [     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
- @( ?+ E# }6 u" Y     add_header Access-Control-Allow-Credentials true always;
' O! p! k$ x( n$ V6 ]}

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

# based on https://gist.github.com/4165271/
#
( a4 w- n4 c5 _( E, e& z& J/ m8 ]# Slightly tighter CORS config for nginx
; X; T0 @( w7 J9 U7 G#
# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
: U. N  p/ t9 W) e#
# Despite the W3C guidance suggesting that a list of origins can be passed as part of
9 ]0 G  I+ d9 }; l+ Z, {& b# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
1 y0 Z% t: a# `3 o" h# don't seem to play nicely with this.
#
4 T' Q+ Z% j  |# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
0 d' P- d) B4 q; T# method to control access instead.
' u: x) ]7 y3 R4 t# b9 W2 n#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
$ ?3 g" F  q6 R3 n1 P
$ P" A" j( A. I- L" I; ~( l1 j    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
- `! m* S+ v+ m& }0 m0 \) ]        set $cors "true";
% g$ }, Q' _7 B. |- }% n2 r    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
' ^" x3 J6 t5 K2 l' x2 G: R    if ($request_method = 'OPTIONS') {
4 x; _3 {& X1 o  }  {        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
8 q! W7 R' Z0 g4 g8 @5 ]        set $cors "${cors}get";
7 e" c( k3 l' m9 R4 S9 T( H    }
# ?! y+ H( X# F    if ($request_method = 'POST') {
$ ^2 E- s) ]& i3 x5 g        set $cors "${cors}post";
    }
3 \. V$ V8 `, K; d" U# \5 f+ U9 u: Q
7 Q6 X6 S  O/ x' g1 b    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";
! O; B. ?. D! Z- r    }
& N7 Q7 p4 u! ?  x! D5 t
" |2 M; }# H' e6 Z9 R    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
3 o" Z, y; R: i  R+ s& j9 S5 F% ^        add_header 'Access-Control-Allow-Credentials' 'true';
3 J  A/ M, [, d        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';
    }
0 B, P- h$ W& q. j: O
    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

, h# _9 i" J( z# J+ @        #
: u4 U( i9 h7 `! i4 n        # Om nom nom cookies
( F1 W8 N- }4 g( @  O; j# C  F9 V$ e        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
9 E1 U% {% W" F; y: x" ^        # Custom headers and headers various browsers *should* be OK with but aren't
' b) I( ~' A! Q3 g' e        #
: q9 K* W% R/ N- G9 S, U        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

( [1 W+ R) h* K( i5 m" k3 P        #
        # Tell client that this pre-flight info is valid for 20 days
: v( i: s: Z7 \6 Y% a: V        #
& F; z6 s2 o( _5 d0 M8 Z# t        add_header 'Access-Control-Max-Age' 1728000;
1 h/ [1 V1 Q5 a9 r1 ?        add_header 'Content-Type' 'text/plain charset=UTF-8';
- j$ {7 q. _3 O* Y' Q: J- @) T        add_header 'Content-Length' 0;
! Y' U9 v5 G8 |& B        return 204;
    }

    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
0 H9 ^5 t2 Q" Q        add_header 'Access-Control-Allow-Credentials' 'true';
7 p8 C/ R  M/ c' {3 V        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
. m9 G% H. k  k$ [( x        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
7 f3 a# o1 `$ u6 @, C
; s8 l' w& G/ }) K) n. P}

; E1 {' H7 h4 b! H