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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
4 ?" a3 e+ S# }- c% W
! l) q" q/ f& G
' p4 W/ j5 H& H( y1 a

# CORS header support
#
# One way to use this is by placing it into a file called "cors_support"
9 C: L0 d8 D( |& X- g# under your Nginx configuration directory and placing the following
$ c- \  J( t8 c5 x# statement inside your **location** block(s):
#
#   include cors_support;
1 W6 d2 u" T! S& j9 Z#
# 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.
#
+ T9 ?4 Z0 J  u2 w' s. t# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
* W; B0 Q% W" U' r  M#

% k  ~  R9 D" \set $cors '';
- L/ ~7 }% @4 ^5 c' ~. X0 jif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
- X' ^# F( T# B* r$ e& K' d0 z}
& Q7 r* u! \1 o
' Z/ L9 [6 R& T2 Uif ($cors = 'true') {
* @/ V3 ]1 p' T" p. h        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
4 s6 f* e8 G3 {' Z. f        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
1 Q+ }0 T6 ~1 {$ u/ ^/ W7 m        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;
        # required to be able to read Authorization header in frontend
3 A, J3 I" ~6 J* R1 J' R        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
8 D; l' ~# p7 g- M2 G9 R# d$ D9 F: g( ]}

if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
, z/ e$ x: ]. S8 L9 i# a9 O, W        add_header 'Access-Control-Max-Age' 1728000;
+ C8 S' Z" n( {4 A8 _        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
8 i, K+ y2 E7 m1 j, o- k$ {3 B        return 204;
4 b9 a9 p) h8 s5 f2 S. `! D" m3 g}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
9 n  W% O9 P4 F. U9 \) F

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
: O! D+ S4 s9 W& T' O) |; B}
$ p  p( z) Z  [set $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
4 N7 h. u' x) H( ~- R  P     set $origin 'https://default.yourdom.zone';
2 Q8 z/ B! @( @4 c0 R: f: d- i1 a}
9 O  h* u+ X$ _4 B8 Vif ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
& D, b2 t3 k% _1 L+ ^     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
4 d* C: b( D; V' i     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
7 {" v6 s: g4 G- e6 D     add_header 'Access-Control-Allow-Credentials' 'true' always;
, x; W  C' l: H' S4 M& c1 o     add_header Access-Control-Max-Age 1728000;   #20 days   
  s0 [- {; B6 U. |$ K% B. c5 i     add_header Content-Type 'text/plain charset=UTF-8';
4 S  R* B) E$ F! k" W. w     add_header Content-Length 0;
7 a! j8 l2 b' D$ j     return 204;
! _$ p1 B+ Y$ S  O0 B4 [: K( X}
( K! r8 Y8 J6 q" `if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
( c; ?5 D# G, ?% {     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
2 m) h" s3 |" Z3 N     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/
#
# Slightly tighter CORS config for nginx
/ E0 t' L/ {" S#
6 \$ \; C: H2 O( z# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
: q4 i0 a% _( y1 l% R+ E. e#
# Despite the W3C guidance suggesting that a list of origins can be passed as part of
8 V  y: |3 @& g  E; k: _) r# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
3 M3 J  X! f, _5 L# don't seem to play nicely with this.
, r6 M0 [! E# I8 t1 L! y#
# {7 |3 d8 ~$ i# U: Z# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
#
# NB: This relies on the use of the 'Origin' HTTP Header.
2 V% G9 k6 P! U1 Z4 i7 P2 H& C
location / {

: W4 |1 s' {) Z8 o9 W    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
& g1 z: r& V6 w6 D2 j! E. a    if ($request_method = 'OPTIONS') {
( Z0 o  R& i+ |  B3 N% d        set $cors "${cors}options";
1 g; s: y, k4 i3 j$ |+ M( z    }
    if ($request_method = 'GET') {
0 _4 h7 |# {6 @% F2 a        set $cors "${cors}get";
    }
% k$ `: K$ ?2 R. m: h( V  i    if ($request_method = 'POST') {
2 A( [$ u7 Z' F% d" A, d2 j        set $cors "${cors}post";
" X- X3 W& i4 b, p# B$ l- l) P& k    }
& h8 u* f8 p5 c. ^2 j
    if ($cors = "true") {
2 f, S% R% L7 q1 V        # Catch all incase there's a request method we're not dealing with properly
5 e( h4 k" p! n, d3 M+ T        add_header 'Access-Control-Allow-Origin' "$http_origin";
# j- M- \$ [0 w1 i" |    }
) Y( y  _9 p, |5 O
) p1 A" `7 E% {5 x    if ($cors = "trueget") {
9 z: u4 D1 [- k6 |        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
- R% H4 @4 O/ ?! A- J        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';
% G5 i6 c3 n5 k- v" [" u& n! S    }
6 l0 T: k# M2 T; M3 g) ~9 Q# ?
    if ($cors = "trueoptions") {
3 O- v+ t/ \0 u        add_header 'Access-Control-Allow-Origin' "$http_origin";

* U. J; k1 B7 x8 [        #
; J2 V, D* s) T' x        # Om nom nom cookies
        #
2 n( D3 x' P0 w7 I# @0 Q# ?        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

& ?, V4 Z7 r2 F. J        #
. f5 I% M) S6 a* p        # Custom headers and headers various browsers *should* be OK with but aren't
        #
# K  `3 h6 e, Z1 w/ u) z        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

! w/ O' E, v( w; v& q1 f6 g% K; D: R        #
& S; J0 k. R- ~% f; E        # Tell client that this pre-flight info is valid for 20 days
        #
        add_header 'Access-Control-Max-Age' 1728000;
5 b( q" l- ~: C) F% k        add_header 'Content-Type' 'text/plain charset=UTF-8';
1 P% T, ?( o* y8 u; X, b$ r2 L        add_header 'Content-Length' 0;
        return 204;
    }
' F* v0 n# U4 p! `2 z
* X- t8 o* [7 v) O    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
2 R. {; W% D4 b+ n% U8 n        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
8 @6 ?7 j) N. ^7 @/ `4 L% N2 J) `) e    }

# n; a5 O; H! S  x  E3 y}