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

IT_man

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


4 W4 H& P* y$ Q, s4 Z% Z- Z

# CORS header support
( L2 A7 A$ u" u; M. M9 m( o#
# One way to use this is by placing it into a file called "cors_support"
. _4 P$ O+ N2 }$ m& ]4 r2 s# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
#
  _9 b( a. B$ F- w#   include cors_support;
#
- N: @9 i; D9 I% `- O# As of Nginx 1.7.5, add_header supports an "always" parameter which
. n. C5 Y& S' F, v2 E* D, m# allows CORS to work if the backend returns 4xx or 5xx status code.
4 E* @' E& T9 ^3 I8 ~#
# For more information on CORS, please see: http://enable-cors.org/
& b8 p/ ^1 c+ U% _5 |# Forked from this Gist: https://gist.github.com/michiel/1064640
3 w# O$ C! E& H( u' P#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
+ ^$ o* W( g6 u* j4 n        set $cors 'true';
; p# ~0 R9 R. P( x: o}

if ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
. a; h8 O6 ?& G% c- h% q( A5 o$ `        add_header 'Access-Control-Allow-Credentials' 'true' always;
        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;
% g, J+ M) w& W# ^3 y        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}

if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
- z% F( R- Q% K( W' A        add_header 'Access-Control-Max-Age' 1728000;
, D0 H# A6 V$ e! C+ a# F/ l        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
$ [9 B; s9 |, z7 S6 a7 `        return 204;
) t5 Q( S) z+ s, l" u}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
. h* @) s. F. u+ N3 ?, G5 q

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
* ~) q2 t. X1 s6 [6 Zset $origin $http_origin;
& O) e7 t* X5 _* f2 c$ u: Nif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
}
% [( a' d# n* B$ r2 ~if ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
! ]' J0 E5 [4 P     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
& d, u3 O. w& ^; Q  C     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;
) g0 x+ G" i) A! K$ }. R     return 204;
* @9 J  s! f% V( m: w}
: I" U  F: y* T" V; C9 Y- Qif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
$ n, E" |( Y2 }3 r, e9 J     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
/ c' }! Q- j+ s9 I! I- |3 P* Z+ y     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
     add_header Access-Control-Allow-Credentials true always;
" P8 ?' ^3 G$ D/ w$ R4 N}

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

# based on https://gist.github.com/4165271/
9 m+ b0 j" Q; y/ ~: R: Y5 S4 s) z#
# Slightly tighter CORS config for nginx
#
4 _5 Q* o9 i6 d# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
1 |, N  ^$ T' u) g& X#
5 t" f: ~2 ?) d/ \. p' t- D# Despite the W3C guidance suggesting that a list of origins can be passed as part of
8 n3 O# x6 M1 e- f' v1 r' T* |# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
/ h0 f- L6 P; e3 G, w; {# don't seem to play nicely with this.
#
4 b7 P; W3 `, e4 V4 P# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
2 l& Q1 N) {0 J$ t0 K1 n#
# NB: This relies on the use of the 'Origin' HTTP Header.

5 L. i. {# M$ b6 ~& Q, Z% R3 Ilocation / {

. n% X, ]9 [7 D3 e/ x    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
$ F4 A& F( s; a+ n- C/ s        set $cors "true";
    }
6 m( u2 v# [! E$ ]2 B2 V
( W& ^, H7 ]) S/ c( m0 A, D    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
4 r$ f4 y. a$ a% Q. g" ^    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
; P2 w( _6 R9 k$ ~& N/ O    }
. t/ ^: d* z3 j3 s    if ($request_method = 'GET') {
2 m2 {/ n1 [2 h+ s1 M& e* M        set $cors "${cors}get";
1 `- y5 i1 o, f- a1 N  W    }
    if ($request_method = 'POST') {
3 \. ?% c) Y! q+ ^        set $cors "${cors}post";
    }

* U* f2 K# X. X  `    if ($cors = "true") {
) S+ S, K8 h# `1 e        # Catch all incase there's a request method we're not dealing with properly
: |/ W! w' r0 z; ~        add_header 'Access-Control-Allow-Origin' "$http_origin";
6 I8 o$ m/ b8 d6 b6 ~    }

    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
, `3 M7 E* ^/ ~% V* Y' N        add_header 'Access-Control-Allow-Credentials' 'true';
2 k& P8 t% e& T( r! L        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';
, K1 W" J$ D3 S3 E; Z+ p; g# f0 n! x    }
( S7 v4 m' \$ ?1 s
! D8 z) _, s* f/ p$ H* F    if ($cors = "trueoptions") {
0 d4 U+ g1 ?* `" M! I        add_header 'Access-Control-Allow-Origin' "$http_origin";

        #
        # Om nom nom cookies
        #
/ S6 D2 p8 k! X1 f: J        add_header 'Access-Control-Allow-Credentials' 'true';
$ u" W0 H/ x& x8 T% W! J        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
9 f- f. j/ q$ e        # Custom headers and headers various browsers *should* be OK with but aren't
        #
# [' w) P* ^9 ?4 l1 y& ]        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

+ O- {# X" |+ _$ x4 x) N        #
% H1 R3 r$ O/ n! e        # Tell client that this pre-flight info is valid for 20 days
! p2 n- O2 ^5 x7 e8 Z) l        #
- L/ b5 v  t* T+ d$ i        add_header 'Access-Control-Max-Age' 1728000;
2 R3 E: ^9 c4 ~0 G8 b7 M# ]0 V# [        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
! ]( f8 ?( i- M$ }4 U/ V* p" m        return 204;
9 \, B8 ^, j9 A    }
7 g# ^0 ^, w2 B4 u
/ D6 i' @8 ]. l# z7 U2 u/ v3 f    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
; e3 I, k* l2 \: X1 h/ l        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
2 Y# K& [0 m* x! H* ?6 R        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }

}

2 b7 f8 c& d' T, L+ ]9 m