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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
7 D7 A" `# I6 o+ }, H8 k
! f3 z; j$ I$ i

# CORS header support
. ^( H8 F8 P8 R7 D8 Q9 }4 U#
# One way to use this is by placing it into a file called "cors_support"
7 w3 C9 [7 f" [# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
: M0 ~7 t1 r9 r5 N8 C, h" }#
, _0 Z: g7 d" O% c% h# b#   include cors_support;
- f: B  W, a+ X% M+ ?( c#
. |& }& [  e) k' h! o; d# As of Nginx 1.7.5, add_header supports an "always" parameter which
2 V1 q2 |0 }$ b  ~0 \# allows CORS to work if the backend returns 4xx or 5xx status code.
0 n. j* b% l+ H% s#
# For more information on CORS, please see: http://enable-cors.org/
. m  M: |" ^; x- L# Forked from this Gist: https://gist.github.com/michiel/1064640
1 z! `5 a$ e' ]3 d; e8 l#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
; `1 {1 A! J# G4 c  C        set $cors 'true';
}
; q, b+ X7 j$ i( h$ f; J
& _+ v- O" n- m2 z2 h5 Nif ($cors = 'true') {
% \+ j5 G  b- G0 j        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
) c& v& Y; o$ u8 `8 s7 \7 ]        add_header 'Access-Control-Allow-Credentials' 'true' always;
. N5 s# M* \* J7 r% J7 K        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
- L9 n4 ~" E8 j5 K        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
' c. }4 h) L' L; ]        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
0 e2 i' c+ f2 d, J  L& j* C
! M* R. g+ b! d' n9 }" fif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
( P. B1 q1 b4 D        add_header 'Access-Control-Max-Age' 1728000;
2 v  t( ^; E4 P        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
; I  Y/ A2 a* K' M9 G" i5 K        return 204;
* H6 A- ~# o/ Q0 \}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
5 M+ [& R: A% c5 z; x- n$ Rset $origin $http_origin;
0 q4 g( n7 F. N( S5 r# ]. ~if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
) Q7 W* }/ K3 e6 ~- g     set $origin 'https://default.yourdom.zone';
}
6 R5 t1 a% f4 D9 E; ~if ($request_method = 'OPTIONS') {
     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;
- t" N7 h( y7 i% h+ }     add_header 'Access-Control-Allow-Credentials' 'true' always;
4 C4 ?9 p4 m4 q$ F     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
7 i6 p- z6 E$ b$ I9 R  N7 e     add_header Content-Length 0;
     return 204;
: ?+ [" {& F* N& Y: s6 R. H}
) m( ~1 w+ g: i7 Aif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
8 s' g1 Z) N+ P, j* l     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;
}

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

# based on https://gist.github.com/4165271/
; a; h! t5 Z, i4 @  H' f# Y* b# L#
# Slightly tighter CORS config for nginx
! Y  r. O8 D8 l: ^0 D" u#
! N' b* g6 I- d# e/ n2 A. |. h) o* E# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
" @1 j' B+ l9 [  V#
# Despite the W3C guidance suggesting that a list of origins can be passed as part of
. M: L7 X' t! a" ]! E# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
# don't seem to play nicely with this.
( |5 p( W% E) i$ ^#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
3 C( e$ i: @7 K8 I. \# method to control access instead.
) _6 [' h' \" q2 C  C" f/ i3 v#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {

: K  m/ l' E5 k' H3 P! \    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
/ |- A0 ?% s% h. B/ K8 i        set $cors "true";
    }

    # 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";
  ?( H6 \4 B8 v: |9 v6 D    }
* U$ O, y# t2 `6 D. x+ j4 O$ @4 F9 Y    if ($request_method = 'GET') {
        set $cors "${cors}get";
    }
    if ($request_method = 'POST') {
7 |: T" E+ D* P! r        set $cors "${cors}post";
  h7 F8 Z7 l! o1 M, ]    }

    if ($cors = "true") {
4 e+ z# i% l7 x$ l. B/ }6 E2 f9 H        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
- d7 _; h; O4 J& p; Z- f    }

/ n3 ?  p$ a  z    if ($cors = "trueget") {
8 |' u5 [9 m% w2 C+ }( I. [2 Y- _% v        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
" Y7 W' J! ~- L; C        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';
) K3 y5 H2 s. w    }
1 x' v$ d9 g; Y1 s) y( o4 R
    if ($cors = "trueoptions") {
: Y9 ^% W. d. g/ |. h7 l        add_header 'Access-Control-Allow-Origin' "$http_origin";
8 M; {( _( p! k) D4 ?- f) E% w
        #
        # Om nom nom cookies
        #
" s: q  g8 ^! R9 Z' G6 q5 x8 H        add_header 'Access-Control-Allow-Credentials' 'true';
" b  }1 J1 @* l+ B6 z        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

6 _1 m6 c& f& O' o        #
( `* @- T, S5 J/ h1 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';
+ I( b- [. Z  f+ A; Z1 ?
        #
8 {# O/ s- _& I! V& S        # Tell client that this pre-flight info is valid for 20 days
/ a1 A4 a9 C0 i( Z& S# Y2 ~        #
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
! k) A9 V% w& n, m        return 204;
    }

    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
' [5 Z. E* W1 {& q8 o2 s        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
3 e9 A6 i/ _+ P7 \  G! S, X/ @        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
) l' x% ~9 e. [/ I# E    }
% K: c* U/ R" H* V
) f1 y; @! H# b( s}

# Y$ Q3 P8 n7 g# @$ i1 W