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

IT_man

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

4 @3 v. C* F" v  f; q& n

# CORS header support
# l8 g# w1 [' t8 I) U8 d5 {#
0 b4 Y% S$ P7 j5 A% q8 O' v* D, ~6 S# One way to use this is by placing it into a file called "cors_support"
# R- r0 D% H, ]# under your Nginx configuration directory and placing the following
. _* g8 K3 {6 @, O# statement inside your **location** block(s):
#
$ s' S/ f$ H; \8 _% j#   include cors_support;
#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
# allows CORS to work if the backend returns 4xx or 5xx status code.
#
# For more information on CORS, please see: http://enable-cors.org/
( V, J, r5 `% I% m4 c# Forked from this Gist: https://gist.github.com/michiel/1064640
#

9 P2 U$ _9 ~: pset $cors '';
- R- T: [: f6 m# [if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
6 x# R  i6 N! ?5 }; ]7 ]        set $cors 'true';
. ]) G2 g; d+ D6 Z}

4 n% q/ `3 L- rif ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
2 ~! \! T/ m* c0 |& s5 c* A& R4 @        add_header 'Access-Control-Allow-Credentials' 'true' always;
. b8 Q) K& w9 Q5 d  U        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;
/ ~9 C* Q4 y( l" k        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
8 L$ l& L/ G% C/ N& r: ?}

% y. S* N) r/ g: ]if ($request_method = 'OPTIONS') {
$ M( n% v# i0 y3 T% _$ y) t: T        # Tell client that this pre-flight info is valid for 20 days
9 L& \) n7 |$ a4 a: @        add_header 'Access-Control-Max-Age' 1728000;
* d  h( d- L( [* Z; M        add_header 'Content-Type' 'text/plain charset=UTF-8';
" a  Z' f0 o. {& Q' I+ k! `        add_header 'Content-Length' 0;
        return 204;
}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
' ]4 f, ~7 J( o1 b4 c6 Z

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
* Q2 F' S( V  |. S}
set $origin $http_origin;
3 C) ^9 `+ Y7 L7 E; X4 O3 \8 Aif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
; b$ E; R# q! z}
if ($request_method = 'OPTIONS') {
3 x8 j4 ]/ Q+ q; n) A3 |     add_header 'Access-Control-Allow-Origin' "$origin" always;
, w) Q* O0 N, ]# O     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;
3 w, e  o, o9 e( j/ H, C9 e6 \, o     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
, o( X1 q, A5 o     add_header Content-Length 0;
     return 204;
}
- j# _8 Y; x8 a$ a* [if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
; H9 O; R( l) Y# Z     add_header Access-Control-Allow-Origin "$origin" always;
1 y9 r+ m+ z7 l: C8 k     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/
& s: D9 P$ f/ `+ }#
# Slightly tighter CORS config for nginx
8 ^. c" e0 |4 _#
+ g0 I6 L2 E" d0 s# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
#
' E. {, N  E: G0 O* G8 w# Despite the W3C guidance suggesting that a list of origins can be passed as part of
# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
5 l' H2 r2 F" W& e1 A8 P& x# 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.
# L/ m, L0 L# {/ H+ c#
/ Q8 t" N/ d4 F' t& K# NB: This relies on the use of the 'Origin' HTTP Header.
! k$ E, W8 {! m- b4 F
location / {

  s/ M3 T9 z( a  o0 {; p) e    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
! e0 h& x& N  d4 C        set $cors "true";
, C& N; F$ ]8 ~# e) u" k, ], }    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
    if ($request_method = 'OPTIONS') {
) G3 u( j( U2 Q9 G        set $cors "${cors}options";
( d$ H3 ~8 U; N( j( q  b    }
    if ($request_method = 'GET') {
        set $cors "${cors}get";
    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }
6 b! v, N- t  \. `
    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
/ N* B4 Y* q/ B: Y1 J# d9 ?        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }

    if ($cors = "trueget") {
3 Z1 }& {3 o- t/ X& I. d  V' b7 e        add_header 'Access-Control-Allow-Origin' "$http_origin";
$ t2 e' \2 R3 h9 a        add_header 'Access-Control-Allow-Credentials' 'true';
- x& `2 B4 Z  v9 R8 {" R        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';
6 \. z3 y: Y: R6 w: x) n    }

) R7 `1 ?: j) ~4 A    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
8 G- d* d# ?! H) Y: B! Z
        #
. i6 z# G/ d/ t& t2 I4 @8 Q        # Om nom nom cookies
$ t4 P5 n  r& [4 n. T# R$ D        #
4 Y2 a5 p5 P- Q4 w' R        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
! L$ j. y9 x2 r( K- N
: H1 _) W5 |( `+ g& d! h        #
        # Custom headers and headers various browsers *should* be OK with but aren't
* r# i, I) s. l' Y* }        #
* y: h$ j( P% q( H: f' K        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
6 [+ q3 D8 L2 x6 S
$ o& S' n# g- m) a        #
        # Tell client that this pre-flight info is valid for 20 days
        #
* Q) A3 j: r& H" `, ]        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
" |& S4 s- y4 S9 v7 q    }

) j& G. G& i7 c1 [( y: I    if ($cors = "truepost") {
! r- v: b1 {2 y3 I        add_header 'Access-Control-Allow-Origin' "$http_origin";
& T+ u# i) c$ l* p* b" E( S        add_header 'Access-Control-Allow-Credentials' 'true';
2 A  v. Z8 d/ K2 j4 ?        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
, A8 x# r: h* L% v/ x7 p8 }        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
. W( U$ y2 I# ^- ], u% s& C# P    }
6 [- T% `9 `% K; F: T8 E7 n7 T  t
4 }+ n2 w8 c; ^& s}

! I* K) M& t8 I* L/ Q% R5 J- A) @
) M) {4 X7 b) ~+ F