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

IT_man

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

6 `  B) Z- V/ {& B8 U% D
  j6 e- ]9 V( y2 @

# CORS header support
* {9 f( T3 x1 |" f9 U* E#
# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
$ a% D; P6 b( t# statement inside your **location** block(s):
#
#   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.
8 R% u* r! k7 ]! N: y) ?' L#
6 [0 W% j4 m# O( O3 `5 M3 {9 r) R8 P& {1 i# For more information on CORS, please see: http://enable-cors.org/
. Y$ }9 n7 q* ^8 p# j6 ^) ~" A# Forked from this Gist: https://gist.github.com/michiel/1064640
#
/ o: S# \- L7 V9 X: {9 [# N# p7 m
1 D" }% f9 O/ `2 M; t, K( ^set $cors '';
) o8 X$ c3 H$ r0 q8 ^, rif ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
: ]0 D( t6 W5 f' ]; I* y0 G* m9 {4 ~        set $cors 'true';
}

, Z6 z1 w  z# c- B8 E0 C& @if ($cors = 'true') {
3 U4 W& ]5 Q/ U8 @" s' l        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
        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;
) g6 Q1 I/ E* u! L. t! h        # required to be able to read Authorization header in frontend
, \4 j+ @* k; H; V        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
* w7 e/ v  F& r" G% k' R" w- r: Y
5 J7 R7 f% n9 Y* x4 ]if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
; y$ Y- N! }1 M% l1 x        add_header 'Content-Type' 'text/plain charset=UTF-8';
& W  r3 U: m# V/ S        add_header 'Content-Length' 0;
3 S  E* M3 m/ z1 C8 n8 K- o2 E/ \        return 204;
: Q8 N# s8 ~: {}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
. W. p* \1 P9 c  m$ p

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
set $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
- E/ ^4 W# u. {( [5 v}
$ m7 _1 \: ]0 D& O3 c6 Wif ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
7 Y" y, S5 T7 M2 r& E     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
, h4 E# o8 |4 w4 l" n     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
7 Y' D7 I/ B0 f9 w' V/ v: E( T4 N     add_header Content-Length 0;
8 ^7 S& `0 V7 t( U     return 204;
}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
0 C: I% F% u- C8 k( I     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;
0 d! ~( t3 ?& M; X, Q' M% K}

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

# based on https://gist.github.com/4165271/
. E. \+ V: v4 d. N2 A#
0 d, d; p, P& H! i+ _5 y8 g3 P( L# Slightly tighter CORS config for nginx
$ @) R) L8 n( u: }  L4 l: r' n, A#
# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
5 a' n! t; N& e. }: Z" d#
* w; _8 \5 \8 f2 q, e$ \# Despite the W3C guidance suggesting that a list of origins can be passed as part of
5 u& j; _6 J5 K# E# Access-Control-Allow-Origin headers, several browsers (well, at least Firefox)
# don't seem to play nicely with this.
#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
7 R" u- }7 r" }% _  X* X# method to control access instead.
, R* d5 ^  J: E% m, W& j) v2 X* ^#
# NB: This relies on the use of the 'Origin' HTTP Header.
3 m. @# c5 E- p' m$ ~  H
. Z0 A8 j* B( Z( |1 S7 v$ Mlocation / {

7 V0 w- m, E! t; o/ Y2 H+ b    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
. m5 j. I: H' [( I: K        set $cors "true";
    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
- j- o: M' a) I5 k! C+ ^5 L    # Determine the HTTP request method used
    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
6 }, ?" s' H" L1 m/ Z4 ]8 n    }
6 r. |3 _) d1 |! l" Q) ?    if ($request_method = 'GET') {
/ J3 ?4 w) p5 o! H0 _! S        set $cors "${cors}get";
    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }

# J- t+ g- U1 `; Q9 [    if ($cors = "true") {
, U- H7 b# f' m8 i7 m8 m& F        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
, p/ Z# A- s3 h& E7 U    }

    if ($cors = "trueget") {
7 l0 x8 [- Y& ^$ |1 G  T        add_header 'Access-Control-Allow-Origin' "$http_origin";
; n6 Q. V/ }! M- V) g        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';
    }
) t; d# S- G' F/ m4 S
' v; W2 n" P( x* L# C    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
; S7 X( u% ~: w6 E( l
        #
8 t* q8 g3 A* A3 o& K. p0 N- U        # Om nom nom cookies
1 S5 ~3 J8 l& V6 d: S2 n        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

3 U( ]7 i" n* `! _        #
        # Custom headers and headers various browsers *should* be OK with but aren't
        #
3 C$ e8 m0 D3 H7 R) U        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
4 t. o/ ?. H% q' q
        #
5 G& C& h3 H) s3 \) q" c2 X        # Tell client that this pre-flight info is valid for 20 days
        #
2 D$ d# Q, d7 ~        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }
& `5 d+ x, [6 F& O9 [2 R
    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
! K6 Q* Z8 R( h6 p- G        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';
& Y) J/ m9 ?2 ?- A) [: G. r    }
' t0 I- o3 n( U
% g/ Z+ v8 f# i}

) ~2 G- N' @, g: h9 d