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

IT_man

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


6 D# N. ?+ \1 r3 z7 w2 M

# CORS header support
#
0 `2 |* b2 F+ S6 p6 D/ x# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
' c* m- P5 v& I9 W' I5 q#
#   include cors_support;
#
8 e6 r) k* z( v9 S/ ?* }; O6 R# As of Nginx 1.7.5, add_header supports an "always" parameter which
# D+ X0 L: f/ R/ Z! w0 p# allows CORS to work if the backend returns 4xx or 5xx status code.
#
# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
# g7 g" g. _, d6 A#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
+ W1 q7 I* Z2 i8 \- z2 h# D, [        set $cors 'true';
}
" ?) R* _1 k5 T! q
, h, S1 u6 L; R7 a2 T" C& `1 yif ($cors = 'true') {
: W: N7 `7 C! c3 S  b        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
% b( r$ r% W; k        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
- {# Q! y  }7 q: q1 p        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;
0 M9 i5 H& l  ^& i        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}

if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
% s+ ]  E9 y$ n        add_header 'Content-Type' 'text/plain charset=UTF-8';
2 [( k$ D( a) b1 t% s5 U# J        add_header 'Content-Length' 0;
        return 204;
/ e0 Q* R* l# U5 T3 E}

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

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
set $origin $http_origin;
0 V. Z6 w0 {- E. w- K- c- I/ eif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
5 P  q3 X/ p8 }5 G2 }6 s     set $origin 'https://default.yourdom.zone';
0 k! D+ z, u' u. T5 z}
if ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
1 n# f' a) {4 m5 W' ~; E     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
2 M' C# r; f* ^+ g, e     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
" M3 M, d6 P, W$ [7 e7 p+ u+ P% s/ p/ |     add_header 'Access-Control-Allow-Credentials' 'true' always;
7 T6 I  n* N, E8 e! v     add_header Access-Control-Max-Age 1728000;   #20 days   
. d0 P8 j9 `  v# G     add_header Content-Type 'text/plain charset=UTF-8';
+ Z4 j# N: u; A- E2 v     add_header Content-Length 0;
     return 204;
}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
) o1 P3 ~2 u. O3 W# e     add_header Access-Control-Allow-Methods 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
     add_header Access-Control-Allow-Headers 'Content-Type, Accept, Authorization' always;
- ^9 P' o, O3 L: @2 M     add_header Access-Control-Allow-Credentials true always;
  [& {& V  q) i( o) b9 f}

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

# based on https://gist.github.com/4165271/
. t/ L* }: L" w4 r#
+ r0 s2 x) Z" G! O5 b) J# Slightly tighter CORS config for nginx
- y6 d0 q" p" c3 V7 ?' K. i( F/ i  L#
# 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)
# don't seem to play nicely with this.
4 E; o5 [+ B5 V3 A1 s* a' R3 `#
, K$ j! h: h, _, Y% U- H( H# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
$ K9 g# W% O# x# method to control access instead.
6 y; D! I3 Y5 H. G#
  o4 \6 W: z. A# V2 F# NB: This relies on the use of the 'Origin' HTTP Header.
% K4 G9 v, e- U3 a9 r" v
location / {

- B- ]# ?# u% P1 V. W; q    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
3 I. M+ m) z7 R" _! I    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
' K0 D& K# f& p  I/ g    if ($request_method = 'OPTIONS') {
( h) x0 j' Y/ i0 X; V/ Y; [' q4 y        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
  `3 d. ?9 B$ e: t) l& E        set $cors "${cors}get";
6 v* o9 @% o/ d0 w+ F    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }
$ _9 S0 S* B: |- _9 O
3 B. g) e: Z7 D    if ($cors = "true") {
0 R# }0 V- n  b5 a' Z: ]        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
# T( Z# B4 H6 U+ y$ @    }

    if ($cors = "trueget") {
5 r, B9 F  ]& A+ Z+ p        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
  k2 \4 {8 [* {        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
/ g5 C0 E4 u/ F        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
  _1 W8 |7 [$ q- E9 Z  H4 l
/ v! W$ b9 i& |5 ]! b0 h( H    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
! \. D0 f4 l4 V, B% O
! ?6 F# H8 [% f& _        #
        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
0 E3 O2 y. S) }5 Z4 M* n        # Custom headers and headers various browsers *should* be OK with but aren't
        #
* W( i1 B6 A2 O$ t; b5 j        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

        #
3 S8 }* m" Z4 X2 H& N3 \1 R        # Tell client that this pre-flight info is valid for 20 days
: l- p: \9 R8 C, {! P        #
# @; X$ B7 o! d# t& A        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
6 ?1 Y7 E" z9 A3 V6 ]) X+ C        return 204;
1 N, C! ^0 S/ `% b, U& l# V    }

    if ($cors = "truepost") {
$ F' A0 e0 \% O2 }4 U        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        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';
0 {+ k* }) r7 q    }

}