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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
0 v) D& q; d' P
+ u3 |9 I9 F: L5 n" L' r5 F9 F' I
* k& P" F( f( C. O, ~7 E

# CORS header support
#
# One way to use this is by placing it into a file called "cors_support"
4 @) r" }7 q; c: R5 Z+ z5 L# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
#
#   include cors_support;
6 P- @+ V4 k& g#
* A, u/ t4 \! C, p4 h3 s# 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.
#
# For more information on CORS, please see: http://enable-cors.org/
) \6 D( q$ {: W) i) C3 m# Forked from this Gist: https://gist.github.com/michiel/1064640
# J1 U, H# a+ B* R#

set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
6 `3 S" \3 J0 O! `: Y4 @$ d}

' T# b! T- h& N, b0 ]' pif ($cors = 'true') {
  J4 y4 @2 W$ B' t! a) P# Y# _& |        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
; W, e; \! F7 U        add_header 'Access-Control-Allow-Credentials' 'true' always;
- ?7 a1 B& C$ X2 ~9 v% a& w) |0 Q        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
% I' n" _; D( R. N        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
& V6 O8 l* d5 W8 t4 T& _/ |}

if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
. B) P9 B7 M0 ~# j  ]& S- c9 a        add_header 'Access-Control-Max-Age' 1728000;
- T1 F5 ~( j, A" K/ @        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
( E" U' z) _, j3 [. r. p& {  C        return 204;
5 _7 {/ F7 d+ N  T* V5 T5 a}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
# L- q$ q. d! J- [( ~

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
6 s" L: }" b0 L6 |: V( q; B: `set $origin $http_origin;
$ L3 q) Q/ z! e& {if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
* n+ T: m2 U  a8 b" T     set $origin 'https://default.yourdom.zone';
}
3 [, t! D# ?9 Z4 [: C: rif ($request_method = 'OPTIONS') {
& O* c3 f1 k# }' T  I     add_header 'Access-Control-Allow-Origin' "$origin" always;
" h4 q' K5 O0 [; J( g+ q     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
5 g+ ~; C0 S/ t4 o4 M6 ~  R     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
/ v( k. S' Z, L* n  m% t* H; N     add_header 'Access-Control-Allow-Credentials' 'true' always;
     add_header Access-Control-Max-Age 1728000;   #20 days   
2 k' M) Q  D0 h$ Y- ]6 w( J" a     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
; x5 W+ M! W9 U0 B# T+ ~" |     return 204;
& V, [2 ~4 D7 z( D! x) W2 Y}
5 N+ |* F! u; \# S4 Y+ ?* V! O- Wif ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
7 Q' N1 L) p5 Q* V; A1 T/ d* C0 K     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;
4 x/ D7 b5 ^5 R/ S5 G6 S0 ~. [     add_header Access-Control-Allow-Credentials true always;
/ ]  Y2 c$ }$ q9 E}

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

# based on https://gist.github.com/4165271/
#
# Slightly tighter CORS config for nginx
$ H4 h7 |+ B4 P#
3 K  t& S) B. \1 |0 @# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
: P! b3 ]/ H$ 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)
# don't seem to play nicely with this.
#
0 M, G  L# `# u( m  V# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
% ^% e$ X9 Y0 P( z  l* ~( l2 q2 X8 C# method to control access instead.
5 p" K, d) }; S6 E% m#
# NB: This relies on the use of the 'Origin' HTTP Header.

location / {

    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
" C$ \4 E8 w( T: J1 y        set $cors "true";
% p/ E$ w7 p; \; Z& X    }
' F& ~/ P9 d' g$ x
    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
' g# \, _3 D7 X- V+ ^. [    if ($request_method = 'OPTIONS') {
3 [# k* E3 R; R" Q. R4 r3 J) \        set $cors "${cors}options";
    }
8 X" ~6 p3 P: ^5 r    if ($request_method = 'GET') {
$ ?/ t7 ?; A. d        set $cors "${cors}get";
    }
    if ($request_method = 'POST') {
5 w+ x1 f: N. n. p8 n% o        set $cors "${cors}post";
8 n2 W6 X) e* L% {/ \    }

, G, D, E5 J- |" d/ i    if ($cors = "true") {
2 F0 E- x' O( g8 T; T        # Catch all incase there's a request method we're not dealing with properly
2 T5 D, R" q4 O) D) F* p        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
( {/ N- x" \9 B# z
; G( A: I3 q* O2 A    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
' M$ f- B- N" c6 R# I, ?  r        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';
    }

/ t5 \0 [9 D, ~" R' S  z/ t    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

        #
        # Om nom nom cookies
8 D( b/ M# ^0 E$ w; H  |        #
! P+ U, Y. F! b% h- ?        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

( z: x% T# V1 b2 x. ^/ R7 M        #
        # Custom headers and headers various browsers *should* be OK with but aren't
3 \! O- `# x: m* Z        #
" G3 n8 a. h3 j        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
# }; _' W3 s* _' S
        #
        # Tell client that this pre-flight info is valid for 20 days
# M  U& G6 U0 }- P3 l9 S6 U        #
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
* ]. {) T" _6 H# ?    }

% l3 ~7 j( B& r    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
2 `' K' P2 K! V% W: O) m( o        add_header 'Access-Control-Allow-Credentials' 'true';
' @" v: @" M8 {9 h        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
6 f+ K# g1 P- P        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
1 R7 ?. B: o+ Q# {2 N% Z6 T    }

' r9 t' C4 @" [( _}