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

IT_man

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

# CORS header support
) Q$ _' x. t" |. }6 b#
# 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):
#
2 G0 o3 z2 b: Q7 {1 N2 e#   include cors_support;
' A  ]; q- J4 W* @#
# 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.
7 ]! ^" Z, J8 F. W% ~. o; I, U#
5 C! V' c+ O% T$ M3 \. O# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
#
8 `* B# Y% t) j+ _/ V
set $cors '';
, T' z$ `% a3 u: c" ?if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
}

  C* H8 v6 ]# P9 d* R: t( jif ($cors = 'true') {
        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;
        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
. b0 Y) r# m# m$ ], e: X
if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
) Q+ d( {' V, n. q; D1 \# ?$ i% l        add_header 'Access-Control-Max-Age' 1728000;
        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 的討論範例:
! m. s+ ?) Z' P

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
! p2 v0 I0 b' {/ ^' S& j. B* b}
* q. s' s: r: bset $origin $http_origin;
if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
}
if ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
$ b/ T; P% M2 m1 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;
     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
6 {3 L* L% J: w7 ]     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
     return 204;
' G! v( h% p' A! o9 P) p+ s}
: B6 N) J; k) V4 j( vif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
% r- h( k4 K9 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;
% ~1 k* z$ g: {; a, \, a% I+ l! ]+ h) V     add_header Access-Control-Allow-Credentials true always;
* Z7 t6 v; m% u* v}

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
) j4 _6 [9 V  _& K) C2 H#
2 s- [) w/ F- [7 }' 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)
- B( b; e+ Z# u, [" Q8 M: L# don't seem to play nicely with this.
5 r5 f; [& c2 H* S) }#
! N* z4 A  Z( T1 G2 p1 A# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
% Q; T( |& H9 s) o" c1 g
    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
3 L$ u* d2 r, [( |        set $cors "true";
    }
; F, ?" d/ X! A! X# r
$ ~3 F2 N2 g) }    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
1 I- r4 o' i0 ~) K+ H! R% o! s$ i    # Determine the HTTP request method used
# X" D4 ]- O( N    if ($request_method = 'OPTIONS') {
* v1 e3 o9 D, l6 ]) m        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
) E) t0 X6 i3 [8 h5 E$ L. b3 u- E4 A        set $cors "${cors}get";
' ?, E: u5 W: l7 f4 t2 s    }
    if ($request_method = 'POST') {
. R0 s$ j/ _3 v& e, b8 K        set $cors "${cors}post";
% v0 b, W2 h3 O+ C    }

) A. F1 b2 p& s) y7 g    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
. \3 J, B$ n6 l        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
, v6 U: }7 k. K8 B4 p4 t! D7 @  q( J
' N* n6 R0 A7 R; N  c    if ($cors = "trueget") {
        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';
    }

    if ($cors = "trueoptions") {
* h* U4 u% Z: Q0 G4 Y        add_header 'Access-Control-Allow-Origin' "$http_origin";
9 p/ j# S8 f. U
6 k; P; I9 g! Q; s- J, S, T        #
; Q! k. F- r, j3 |% e# f7 n5 |4 Y        # Om nom nom cookies
$ ^+ M% M9 P" {( ?        #
        add_header 'Access-Control-Allow-Credentials' 'true';
1 ^2 ]7 f, H7 t$ q/ [        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
- o) }/ }: s6 ?/ k/ o6 k" ]- G2 x4 E) `
$ }+ G; c5 ]1 W! V1 \" K        #
        # Custom headers and headers various browsers *should* be OK with but aren't
        #
0 J) I! v$ q" |/ T% C% \6 ~        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

        #
        # Tell client that this pre-flight info is valid for 20 days
        #
, T* v3 O! s2 m4 y8 N        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
% P0 V1 S2 C9 ]8 P( P4 T        add_header 'Content-Length' 0;
        return 204;
8 B( J2 d( ^- Q. h& c    }

! i1 W2 r5 n5 U5 T% H    if ($cors = "truepost") {
) ?# j, P5 o% N        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
4 @$ Q; {" X6 Z  U! r) Z: y" c        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
) a3 |: N# S2 r9 k  N) i    }
/ V) H/ B) o/ h- e
}

; B# B0 r7 ~- O2 f1 H# Q% ]" l
+ o6 ?) A/ Z! G/ H