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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
% j4 d" K% e* \0 w' ]6 A
: V" x) U+ X4 \9 g9 ]

# CORS header support
3 i# M/ b) ]3 Q#
' A# S. e* }9 D  N3 }# 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):
% y7 _  M7 I4 r6 g; n#
: T- K, |7 G7 j) n#   include cors_support;
#
3 C; c4 \1 }) ^$ Q' {; z; i6 \# As of Nginx 1.7.5, add_header supports an "always" parameter which
) q, U6 L# A4 H" m5 W) i# allows CORS to work if the backend returns 4xx or 5xx status code.
#
# For more information on CORS, please see: http://enable-cors.org/
2 h5 {+ {: ]6 t# Forked from this Gist: https://gist.github.com/michiel/1064640
7 w/ Q# j' N8 u6 j#
) F; E" O" g% b) b) \
+ ]! m' e7 h' [set $cors '';
( W8 a4 E3 |/ R. |8 O+ [1 U' Lif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
6 H- _6 E3 m! w2 d! |0 {0 J3 z; |}
1 U9 v  _3 b% i% c* j3 Q
% l' [* e( b- X* R$ @3 ^if ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
4 X' G. w% v- S+ J/ P        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
" B; x5 N/ \3 R6 H: p        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;
9 H" T( Z$ A% @6 [+ `8 P1 j# v        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
' d! x7 m; b" P) H# K}
7 K6 z3 v6 D6 g% \' v
if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
2 Y5 C0 Z8 g. U        add_header 'Content-Type' 'text/plain charset=UTF-8';
3 O# G; {2 \0 u4 V- L( k  ?3 p7 ]        add_header 'Content-Length' 0;
        return 204;
}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
* L$ f1 W- n4 N  c; Q5 v}
, H! m! c) c! {- |2 ]4 }  {set $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
* e) u8 l1 I1 B- l8 n; ^& v- V% \}
if ($request_method = 'OPTIONS') {
! z5 K8 x9 {/ S' G     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;
( E. m6 ]# r) }' r     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
$ O# k# q2 B1 l6 ^' U0 d     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
     return 204;
4 F  L1 K; ^9 b3 c. c8 c5 C9 k}
if ($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;
     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
     add_header Access-Control-Allow-Credentials true always;
: V6 w; p+ `/ J}

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

# based on https://gist.github.com/4165271/
#
! |5 O8 f6 ^+ a# Z& c4 o# Slightly tighter CORS config for nginx
#
# 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
2 M! c  U& S5 X1 _/ v" P! u6 O# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
# don't seem to play nicely with this.
#
6 _% e2 q" T+ a! C0 Z/ s' k# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
' W' o1 B8 ~. `2 @6 t# method to control access instead.
#
4 t+ Y) F+ c  T1 f( d2 V# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
- z% v% i1 Q% N  z  j
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
& E0 A' e0 R$ K  D: X2 G" i" @% M    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
9 Y- I0 q9 g# i' g! S    if ($request_method = 'OPTIONS') {
: x( w1 h" i* Z8 i4 r6 @        set $cors "${cors}options";
( b2 v1 d  D/ v0 ^- M# R. v    }
, x/ O6 W8 p) W' a( R. v    if ($request_method = 'GET') {
        set $cors "${cors}get";
    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
+ L" J: z% {/ t7 A5 \8 R+ J' p! h    }
$ w$ Q4 `/ o. j7 ^& q# S8 T; a
, U# v+ q3 x/ {/ O, Z. ^: X) X    if ($cors = "true") {
" K; R, m" ]: N0 K7 C+ \        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
- \/ V6 S5 A- f, R/ j7 _- U    }

; Z* F5 w7 G2 V    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
: C. e, Z0 m4 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';
/ c; [, P: F. M# R    }
% f- j* z9 X5 X, `, V$ t
' J" |: ?" O% a* F    if ($cors = "trueoptions") {
- S: P2 d% g% H7 i5 [$ L        add_header 'Access-Control-Allow-Origin' "$http_origin";
/ ?' P; H9 @' e2 F5 Y; s7 A
        #
        # Om nom nom cookies
        #
6 @% N8 Z( E2 \2 ]        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
        # Custom headers and headers various browsers *should* be OK with but aren't
& E- V/ n0 \2 l* X        #
0 h& ?9 T$ n& d        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) Y5 C$ c4 S" Q3 ?
        #
& u1 n) j7 X8 k6 o8 }        # Tell client that this pre-flight info is valid for 20 days
        #
        add_header 'Access-Control-Max-Age' 1728000;
$ K4 @, l7 D7 {        add_header 'Content-Type' 'text/plain charset=UTF-8';
+ N& g1 P* I1 e( k% m. `        add_header 'Content-Length' 0;
% a: e: z0 q; U( X, \+ E* G        return 204;
    }

; c! c, v: h  Y' Z    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
4 u1 A) E  H; Z3 t4 G% V$ x  p        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
2 r: `+ ?0 |2 ~: L        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
( ]0 P* |6 p& i  j
1 f/ k) s7 i. k! ]' b  R}

. O! x7 C! _7 C7 a