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

IT_man

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


  \+ D, K' D3 \% Y2 y- S& v5 q

# CORS header support
" ~7 G8 M8 n  N: m9 b$ u6 d#
# x8 O3 u" z$ b9 H2 a# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
0 b- g, u- r% f1 k1 R# statement inside your **location** block(s):
' P  X$ T1 o$ e0 h" h#
#   include cors_support;
#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
" D3 R7 ^' L; g% U7 b% u% i# allows CORS to work if the backend returns 4xx or 5xx status code.
0 O5 q# B8 E8 y- E! ?#
# For more information on CORS, please see: http://enable-cors.org/
* K1 t- M, I+ o2 F- e1 t# Forked from this Gist: https://gist.github.com/michiel/1064640
: \8 @* I6 z7 A7 G$ U# e#
8 ?+ K4 B3 o5 K9 Q8 i1 ^8 c
  G0 y, P3 X: T4 @" bset $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
6 s/ w4 |' L# Q! }+ {* O1 ?- k) {}

if ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
, b; I/ h; s0 T        add_header 'Access-Control-Allow-Credentials' 'true' always;
' n7 ?* A/ K1 ^4 Y$ C7 @$ z        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
6 x! p2 l4 n: f3 O& K1 \        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
7 @, f# K& T9 a6 O        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
* a4 W1 H4 g1 t/ b+ v/ h3 s' x
if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
, R: _* Z3 K( O6 e5 c+ ]9 B        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;
5 i* t+ ~% U9 {3 a  y}
set $origin $http_origin;
2 x) h, U" I4 t$ Kif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
- @$ I4 @7 Z+ ?}
if ($request_method = 'OPTIONS') {
: s" ?* G. W5 B     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;
     add_header Access-Control-Max-Age 1728000;   #20 days   
8 W) ^, C) J' L9 I     add_header Content-Type 'text/plain charset=UTF-8';
2 C" W* n1 o1 Z5 G* Y8 S2 |     add_header Content-Length 0;
. l$ c. Q1 q) t& D     return 204;
4 f, @; Z) t( J}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
' F! U* G6 I( J     add_header Access-Control-Allow-Origin "$origin" always;
     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
$ R9 M- T) {0 C     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/
: c  w  b# ?$ d% Z#
# Slightly tighter CORS config for nginx
. \' b" y7 g9 a# z, S3 E#
' K! _6 A/ D1 `+ `# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
; g5 d; [9 n0 x# A7 Y( D* L. v; h#
/ J* M, S+ Q  ?  ?, F. m5 B; u# Despite the W3C guidance suggesting that a list of origins can be passed as part of
9 x. p* G) T. z5 y9 s# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
: p. V" @' ?. Q" S. Y3 d& [' R) b# don't seem to play nicely with this.
#
. {0 l$ W3 F" U& v5 i# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
+ s. c8 E# W! {1 W2 Y* a& q# method to control access instead.
#
# NB: This relies on the use of the 'Origin' HTTP Header.
. d# B) y* c6 N7 i: G5 ~
location / {
8 p! i* G# D, |6 \2 E
) f, z% z( K4 y# F$ o' b; s" m    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
* n4 c& U& \  a) L: ]        set $cors "true";
; B) w8 t  z& C) {% w/ N6 F    }

0 G" s6 h8 ~* U! x2 O/ l  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') {
+ ]; C7 L5 E; Q2 W        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
        set $cors "${cors}get";
, k+ B. d0 a1 s, j, K    }
7 a+ o, x* _) {7 W* O; Z: d    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }

/ U/ D2 ]2 T) N6 q. k+ ?    if ($cors = "true") {
0 u4 C2 Z# {- U        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
1 |3 x% q$ L0 U    }

. j; a8 T2 o2 R3 J  _5 u: l# ~    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
5 {& ], L9 V# {4 w3 v% G8 n( C        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
! U8 k( {# G9 `* A    }

    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

        #
        # Om nom nom cookies
9 |9 b* R, v8 u, u7 g        #
        add_header 'Access-Control-Allow-Credentials' 'true';
" [% x4 z* O( w, y        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
        # Custom headers and headers various browsers *should* be OK with but aren't
/ I3 l! G4 |$ r3 V3 C+ F& H3 m        #
8 K0 G2 d& r4 X$ F! l: E2 M) ~        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
) D$ N8 k* ^0 Q
        #
) n+ ~* L4 ~8 Y1 O. p        # Tell client that this pre-flight info is valid for 20 days
        #
. t$ Y& |& R- y; s        add_header 'Access-Control-Max-Age' 1728000;
" [& W% m( T- f2 j; j        add_header 'Content-Type' 'text/plain charset=UTF-8';
2 n1 S1 w" H3 A; ^        add_header 'Content-Length' 0;
8 U! h! @3 o! P* c1 q- P4 W        return 204;
2 `5 D5 K0 ~/ F% ?    }

  Q4 c" c2 e2 ^7 Q; P    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
5 h- @0 B! w0 Z" [- G6 O2 m) k        add_header 'Access-Control-Allow-Credentials' 'true';
  m/ e; f, z) @5 K  o/ c6 a5 ^        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';
' Y1 c/ M5 O5 H$ B    }

4 |2 @5 K8 H& |" B  i3 f9 h$ R$ Q}

" G# X: W  q- [7 `2 F/ p  H