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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
  u) f* y% d' w0 |* I
1 W6 }+ x4 U: Q7 y7 n+ ]

# CORS header support
7 c- C# p4 W. K#
# One way to use this is by placing it into a file called "cors_support"
( D2 k* t$ v" O- W# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
#
  F! @1 n, ^: ]& J#   include cors_support;
9 R% H% x9 `8 Z! p; r$ n4 z3 X. s1 P, U#
8 @9 T/ }0 ?! b# As of Nginx 1.7.5, add_header supports an "always" parameter which
7 v; g- J$ ^0 `" ~4 [# allows CORS to work if the backend returns 4xx or 5xx status code.
+ E' @6 x# T" u1 N# f9 a( _' p#
# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
( B2 z( J& A  v) @& a, `#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
4 ]  w- H0 l9 Q5 k* k        set $cors 'true';
}

if ($cors = 'true') {
/ K$ V, g! L0 j- A$ r" M- f        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
7 D. s; h  `  D8 B$ a        add_header 'Access-Control-Allow-Credentials' 'true' always;
% C4 B: H2 l2 M& _3 K        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;
        # required to be able to read Authorization header in frontend
0 e, a1 b9 H' ~  |- r        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
% _, B% y  H' B7 v" F0 U6 z+ g}
3 \8 p8 i/ p3 _9 v' F
& [- R) S. H3 c/ G! W6 Bif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
* a  }0 p# i0 S4 @. Y4 [  a        add_header 'Content-Type' 'text/plain charset=UTF-8';
& G' V+ g" t4 C        add_header 'Content-Length' 0;
        return 204;
8 O' y3 r: Y$ a' m  b+ g}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
2 r' X+ e6 d5 l- V4 h! i

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
4 p5 u( x; t+ P: a}
set $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
}
if ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
" z& ^. o& J3 f! w$ h     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
& P2 x0 m' M; H  j     add_header 'Access-Control-Allow-Credentials' 'true' always;
. W$ [3 j( D) N+ K. U+ h1 I     add_header Access-Control-Max-Age 1728000;   #20 days   
! x: X4 @: B, g' ]7 G     add_header Content-Type 'text/plain charset=UTF-8';
1 m# r7 j, y( M     add_header Content-Length 0;
) w/ h& t( s; x* i     return 204;
}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
5 `! V' D" Z5 }, q, n2 ~5 U7 |& \     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;
6 f4 y' ]2 J; D% R0 d: ]  `# d7 u/ ^3 X}

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

# based on https://gist.github.com/4165271/
6 B/ y# |% |& W. m% [  m2 ~8 R#
3 J( `. c. q9 g9 M5 {# Slightly tighter CORS config for nginx
#
4 @- S4 M. k/ b1 G' l7 e# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
) V1 \# s- u7 A# ]2 D) \. \# Despite the W3C guidance suggesting that a list of origins can be passed as part of
' n8 s8 j1 Q) ]  g# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
# don't seem to play nicely with this.
#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
( n' ~  ?2 ~1 Z5 M1 B0 w#
# NB: This relies on the use of the 'Origin' HTTP Header.
$ H6 R5 P  n+ q, H* t$ j/ ?+ V
location / {

    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
1 j% M8 o; a  f4 J    }
( }9 S6 @( Y2 O) F( g
    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
# R  ~. e/ Y) Z6 M        set $cors "${cors}get";
) D0 B* x0 j7 _    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }

    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
+ \, X1 E. R! D& [/ @+ N        add_header 'Access-Control-Allow-Origin' "$http_origin";
+ K# c- y+ h; ~/ @# G* `) ?    }

, ~( g/ x! W  T1 E    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
6 K" v! B- \; s9 ]) R$ G        add_header 'Access-Control-Allow-Credentials' 'true';
- g) d, A5 O1 [8 q9 \        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
) |  z/ J! e4 ]% o. u7 u! ^' G        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
( d) |; E# Y/ N/ t! f; T% K1 M' J
, U- a0 K; W+ E( _/ |" l  R    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

( m5 q& s# h( G. a3 |        #
        # Om nom nom cookies
$ f) W2 |' ], r6 M        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
. j6 \3 `& X2 ~" S, f
        #
' u7 X( ~* X; \( i" \, S+ h        # Custom headers and headers various browsers *should* be OK with but aren't
        #
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

* H  B  i/ u& a3 a; l        #
        # Tell client that this pre-flight info is valid for 20 days
- Y6 J! w" W- W, Q+ }        #
* e' f0 A" |8 U+ ^, S) Y        add_header 'Access-Control-Max-Age' 1728000;
1 @2 M- w5 a/ I; I+ O9 L& \- k        add_header 'Content-Type' 'text/plain charset=UTF-8';
2 F" R, T0 [( d" k& G8 A! T        add_header 'Content-Length' 0;
        return 204;
; g6 m0 L: I) b$ z  I    }
: R" p# M5 C3 q6 Z& p
* M$ V; S$ c/ U    if ($cors = "truepost") {
3 r# Z5 W* ]: c( h3 D  ]        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
! v4 }! b- p- w. b: a        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';
    }
/ J/ @8 r$ ^2 C( J) E" x
}

4 N# I4 B# t) _