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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
' W: B9 Y( p4 r) G5 o& G7 x

7 q# b* h, T  L0 w) M, \

# CORS header support
1 t  L3 @0 Y  _2 T. Y, v8 u" O#
5 B: j$ [" g% h# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
( J3 a* P5 Q0 \% `  l# statement inside your **location** block(s):
1 L- R. d# l/ b0 Z$ Z- Z7 {5 b2 w#
#   include cors_support;
#
# As of Nginx 1.7.5, add_header supports an "always" parameter which
7 [9 `$ Y: C# t+ e# allows CORS to work if the backend returns 4xx or 5xx status code.
#
# For more information on CORS, please see: http://enable-cors.org/
6 D; b) u3 G# R8 ~' X* T3 }# Forked from this Gist: https://gist.github.com/michiel/1064640
* j; s! k, F! ~- ]#
0 U, c. T0 x) h
set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
& _8 }  h: C- `( Q" d+ u}

if ($cors = 'true') {
) J1 o4 F0 d2 U$ l        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
/ L/ e# H* J. s. D" s/ P9 y" R        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
7 I. h' t2 O5 N! 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;
, M8 r& r0 q2 d* l0 u2 g" {4 g( I        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
8 C1 }$ F" ^# L* Y  p4 s
/ r9 \, B+ _( Bif ($request_method = 'OPTIONS') {
/ t$ U. e0 ?/ ~7 X        # Tell client that this pre-flight info is valid for 20 days
0 B' ^0 f& b7 l0 G        add_header 'Access-Control-Max-Age' 1728000;
; k4 L$ B9 p5 ~% F1 t+ M, m4 f        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
) V  s8 e5 G" [5 C4 k

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
3 g3 v& l" V: }set $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
' l& F  D# W) i. l}
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;
  u  k, X: `7 ?3 h; e     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
, J  Z- N0 E- s5 v     add_header 'Access-Control-Allow-Credentials' 'true' always;
# U& M; p, Q. n. e     add_header Access-Control-Max-Age 1728000;   #20 days   
* _, w- m6 e9 ?, N2 j     add_header Content-Type 'text/plain charset=UTF-8';
# G' d  l' l; E0 e8 u# c. A     add_header Content-Length 0;
4 A% _9 E, [: V9 n- ^     return 204;
}
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;
}

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

# based on https://gist.github.com/4165271/
#
# 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
# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
0 u4 t. j6 e' S+ s1 q# don't seem to play nicely with this.
( P) T5 @# L1 J8 U# |* [3 p1 ^#
- J1 o; Q( k5 Z" F9 X# B# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
; w) N4 P2 O4 N# method to control access instead.
#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
# K5 }9 w$ l% k$ ]* E) X: a
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
    }

* |  z# Z' c  A) P0 \7 {    # 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') {
        set $cors "${cors}get";
' S& M  U, m& ]* N! [, a" O$ q' g    }
% ^  C6 [% L3 u    if ($request_method = 'POST') {
0 h2 m6 W* b# U2 q' ]  h& R  g# P        set $cors "${cors}post";
' a7 X& h; P- t. H+ }! h  X& m1 Q    }
9 H/ D: H, \" m
2 `& y: P& t1 ]. ?! C/ ]) Q    if ($cors = "true") {
6 N# u& ?/ m0 P: t% u8 K        # Catch all incase there's a request method we're not dealing with properly
1 f' V$ k9 G# O        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }

    if ($cors = "trueget") {
8 R+ R2 U' g0 r        add_header 'Access-Control-Allow-Origin' "$http_origin";
7 _" }8 s( t3 I7 G& t: `        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
) q7 }: m9 `& b3 Z9 z# q; A/ Y0 K        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
$ }8 D" s% [, V' f1 @( J
1 O+ W/ Y% @, I5 R9 D* j6 I" a  T    if ($cors = "trueoptions") {
3 }0 G1 G0 `2 O        add_header 'Access-Control-Allow-Origin' "$http_origin";

        #
5 z. F6 O7 j: r* Q+ w0 C* A/ M        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
1 I- F) Z5 d: y2 g: p
7 V4 j% T4 K5 l4 C0 i2 }" B        #
- h0 Y* E1 Y- G- @' L! [9 b. A        # Custom headers and headers various browsers *should* be OK with but aren't
        #
7 i4 Z: @  Y6 c: K+ }# |        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
( j4 P4 C: P. U7 P  X7 J
        #
2 I- D: b* N4 R1 N2 h8 v5 f" m        # Tell client that this pre-flight info is valid for 20 days
' {  e) Z, |$ l! L! X+ N9 C$ x        #
6 L+ _0 `+ n! V        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
9 p4 Y/ n! H1 F, T4 y        return 204;
& l: y  S* B" z' o9 w( h1 D    }

    if ($cors = "truepost") {
7 L7 ?  `# V4 I! d        add_header 'Access-Control-Allow-Origin' "$http_origin";
. s* W. I: |( k9 A5 n        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
* |4 j  h8 W! P+ r& |' @        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
" r' V/ p. D( b" J& g5 V9 I/ [* [
}

5 p! a, a. n6 v0 f; u  ?6 N& g