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

IT_man

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


9 y# r0 T' i9 a. i  Y$ o

# CORS header support
#
7 b% a# `! M! [' x% O0 T# One way to use this is by placing it into a file called "cors_support"
4 N% G9 r. n) n7 |" a1 k0 u  b# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
; [: j& e5 q4 p3 t5 g$ w( X6 B#
#   include cors_support;
3 M& u% T0 _  M#
2 \. Q6 U9 ~) i- E) I+ 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.
4 y6 ~" ?; _9 E1 X#
' P* d# z# |: B5 h# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
# ?# f; f5 n8 n#
5 i- s2 D5 Q1 F7 k8 i1 p9 z" M
9 O- W" d! T$ z+ i" n* ^' Qset $cors '';
  p2 D; u1 ?& j( Z& dif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
, [- \# P: H1 L6 R' o# @        set $cors 'true';
}

1 c5 z- g! K) A5 aif ($cors = 'true') {
. O, K* u& L! y- i1 Z        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
3 S& |% j! a! n" w6 l' a        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;
# t: q. s( S$ p+ w' A2 d1 f4 ]        # required to be able to read Authorization header in frontend
" F  ]6 {+ [5 f4 a+ u$ e) u        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
, p" T! c! y  X0 b+ |
  v( M0 j" G' K3 Pif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
3 h: l' |% C1 t        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
" @* g% S) ^" P/ O' f4 i, c        add_header 'Content-Length' 0;
5 r0 R$ @. j3 A# U6 z4 Z  p  Y        return 204;
}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
/ `4 e2 m# W3 P$ E' p7 z2 U

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
set $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
/ ?' I3 F4 _: I1 u5 R/ l     set $origin 'https://default.yourdom.zone';
1 _% J0 R  h2 B+ L6 _/ x" R}
if ($request_method = 'OPTIONS') {
+ Z8 }  r6 v$ X9 ^     add_header 'Access-Control-Allow-Origin' "$origin" always;
% B* Q8 V& U0 g     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
& h& C4 ]" \! O" y! ^     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
     add_header 'Access-Control-Allow-Credentials' 'true' always;
: ?' z2 Z; y) s" y. `  v3 S     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
3 ]9 ?6 z. G# M. H     add_header Content-Length 0;
) p( ^$ G  P  j8 F0 D* P5 d     return 204;
}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
8 `9 _2 r1 u3 y     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 X8 S9 z( d0 K: |( e7 C3 q     add_header Access-Control-Allow-Credentials true always;
}

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

# based on https://gist.github.com/4165271/
#
# Slightly tighter CORS config for nginx
' v) b, b6 _3 A#
# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
7 M* [) r& F# g3 ^0 i+ }# 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)
# don't seem to play nicely with this.
7 S( ^0 o2 \- W3 e  Q$ Y! z6 z* o#
2 K+ g8 h# @, d4 U# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
8 S# ?( @- N" g. w( D#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
, j7 N1 C! ~; K; R* X) i
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
# r$ p* ]' }: j6 N    }
- c3 u# J3 B! L6 `3 n
3 n3 G. L0 L! e* ?+ p8 g! K9 J    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
, x1 q/ c! ?0 q7 f$ L& K* c    if ($request_method = 'OPTIONS') {
) u  i- _" q$ Z% I# o# c        set $cors "${cors}options";
, C! Y- G8 I# Z/ X    }
9 u9 C! D( D) w# f    if ($request_method = 'GET') {
" P8 H$ g/ l5 ~0 O  I9 X        set $cors "${cors}get";
    }
! O- j1 G. d7 L: n' v/ T4 s    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }

- e0 \# t) j- k/ P$ A9 m. D8 {5 v    if ($cors = "true") {
. v+ [. V) h6 N3 f6 @- }) |        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
9 W2 W5 t# X1 G! T4 M
    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
5 w( Y# b! j1 O        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
- R) C% v3 a' n, d0 H6 Q( _# A. s        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }

& Y# b+ W4 j9 c0 _4 Y- A7 o4 O    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
; W2 i# H8 \! y% v/ \0 z
        #
        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
. y! c2 n9 N2 V% g2 }! e, D
        #
+ b6 ^" a4 w3 F- O5 H; a7 ?* y        # Custom headers and headers various browsers *should* be OK with but aren't
4 k6 n+ q% L/ o8 G- `7 E        #
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
& A2 r" l. p- @
        #
' A. X$ S) {7 U/ w8 _4 Z/ R* h' }        # Tell client that this pre-flight info is valid for 20 days
& v4 q5 v5 N; G3 S/ k( c: M        #
        add_header 'Access-Control-Max-Age' 1728000;
) m8 S2 Q* o3 W  i$ U        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }
! X3 q; V: s3 Z) e: t7 B. ?
    if ($cors = "truepost") {
& ~- F2 H8 ~+ i% V        add_header 'Access-Control-Allow-Origin' "$http_origin";
+ v5 c& u; p* P4 D5 N        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';
/ \2 C9 q. e" v  Y3 ?2 ^* R' {    }
' X; u; p/ A1 E8 L1 w6 Y: L% ]. m
}

+ V+ _/ s2 k; U4 P