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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
1 A; N$ U' @* a. R' `; z/ U! M
6 f" b7 D+ a/ R& N) {- O1 r

# CORS header support
#
# 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):
4 h) L8 {  U$ f: m#
/ X* @3 W2 t( L' Z% R#   include cors_support;
#
  Y- q; [# g9 t3 j# As of Nginx 1.7.5, add_header supports an "always" parameter which
4 Y4 |" x" p7 ]0 R# allows CORS to work if the backend returns 4xx or 5xx status code.
& h; C( o+ z/ i3 k#
# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
#

9 e, Q  C  F. ?# D1 ]set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
}
: [, M1 V5 v; V8 Y' u- H
if ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
9 p8 A2 l! {* k$ c6 B$ H        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
1 P8 {) R0 p8 D/ w8 ?6 D8 z        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
: Z* ?2 y: M4 l$ m! L( a}
7 U0 d+ @6 k  Z# ]
$ t# R/ e5 K7 cif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
- F7 p( K; V% A$ B1 }$ K        add_header 'Access-Control-Max-Age' 1728000;
, p. ]* C  W, {7 R: f' N. A        add_header 'Content-Type' 'text/plain charset=UTF-8';
# h% ~7 c3 Z3 o  }% ~3 M) A        add_header 'Content-Length' 0;
4 {& O5 y9 n' q3 X; Q9 ^        return 204;
}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
: j6 m6 Q1 r" q2 m; a

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';
0 x6 f, F& ]7 K" G6 \}
if ($request_method = 'OPTIONS') {
% f) y' K" _1 D     add_header 'Access-Control-Allow-Origin' "$origin" always;
2 _  E# [* s4 P     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
  o) b4 i% U1 ^9 k, b- m     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
, G2 F) e, d8 H( v6 }) i  P6 p' ]     add_header 'Access-Control-Allow-Credentials' 'true' always;
4 `8 w- F3 `3 {  y# _5 @     add_header Access-Control-Max-Age 1728000;   #20 days   
     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
+ e+ W5 c) r( g' m: j     return 204;
}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
! x( s( @' |8 B5 Y; e4 j/ a- h     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/
! X7 U7 ^, N( n6 \( z& r, w; Z/ h#
* H- [0 U+ P, R% q8 C# 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)
# don't seem to play nicely with this.
#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
4 D2 |1 q$ y4 `# method to control access instead.
#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {

    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
    }

" ~' }; v4 z! o' L! E    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
, j4 f( |1 i1 g  p; O    # Determine the HTTP request method used
4 h% a9 x3 `) @8 R    if ($request_method = 'OPTIONS') {
# n' F3 d0 y; O% i0 E" K        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
        set $cors "${cors}get";
5 m3 Z5 [$ B& Y5 c- e  b    }
    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }
& o' r* G. a" b+ t% q# i
% a: m+ K& j3 W8 N: ]0 w; n) u! Z' }    if ($cors = "true") {
! V( R9 |# i8 `( o" M        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }

! ^$ c4 A4 F6 V6 G( ~2 d    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
7 t4 T* `, Q; V% I        add_header 'Access-Control-Allow-Credentials' 'true';
7 {" u4 {+ L, A/ h2 E  f        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
" }: `( C+ F/ R        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
! D: o" [" @1 {5 ~( x
6 g' P) M; ^$ l: Y4 b/ M! Q8 c6 r    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

        #
        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
  L4 G2 _* i& k( I, X8 J# A+ U
        #
5 O. u5 b0 ~& Y4 s- `7 w% R        # Custom headers and headers various browsers *should* be OK with but aren't
        #
) W7 P4 n1 v& x; i- K6 a$ @' [        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
        #
        add_header 'Access-Control-Max-Age' 1728000;
2 A( N; o$ p- E6 ^: Q2 M# g        add_header 'Content-Type' 'text/plain charset=UTF-8';
, t8 A4 C, j! n+ R        add_header 'Content-Length' 0;
/ V7 n5 _" N) r        return 204;
    }
+ h: ]3 o; o/ \9 f! w9 s
- \1 c+ a6 j" g- ^    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
& ^! x6 R5 M9 E3 y8 Y% p& M7 L        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
0 o4 a  [: j0 w) q, v3 ]        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
7 v! I0 [, C) R' V: Z* `    }
- D9 Y% i# Z! F7 l, c1 c
}