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

IT_man

以下是gist.github.com支援reverse proxied APIs的範例:
' G/ e! w% T) D! O1 w) q# P
! I" d6 T# [8 C$ q
4 `7 J6 B+ v9 g4 x, T

# CORS header support
1 _% ~5 \3 V% g" g7 B#
3 i; X# ~+ V6 w9 ?7 U# One way to use this is by placing it into a file called "cors_support"
# under your Nginx configuration directory and placing the following
7 P! m6 F3 |, Q! u! s% P3 @# statement inside your **location** block(s):
8 Y& s# o( j- \* {' a! E#
#   include cors_support;
8 {% v) Y' @9 Y: Q1 {#
# 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.
% M; d8 @  [, c3 f3 i#
$ q  F; s# o5 y- k2 j5 k7 `# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
1 t# c7 I# V) c" a#
+ i) O: j& g! x5 |; K, h9 n1 N8 R
set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
3 E' d- S0 {+ t: Q4 {+ m        set $cors 'true';
}

5 m5 ^' {, o; ]- n7 H% ^# z! Z& kif ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
" `8 n  l/ P# O5 J  p        add_header 'Access-Control-Allow-Credentials' 'true' always;
' C' Q% r# C# t1 M0 {        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
9 z: q) Y: v- X1 q( _        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;
}
+ D0 @) Q) b0 ?% d
* x+ W) |0 m) N2 Vif ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
        add_header 'Access-Control-Max-Age' 1728000;
9 x; j/ ~* g4 D# a3 l8 ]        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
2 |0 F% A2 m  k( ]) y7 a# I% M        return 204;
}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:
( b7 B1 H8 N4 Z6 f

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
+ i( C  @3 a/ l/ c* T6 m. v}
set $origin $http_origin;
- f$ _+ u8 ?8 I/ q7 C- ], Kif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
     set $origin 'https://default.yourdom.zone';
5 O3 M( I( ~, A9 A$ S}
if ($request_method = 'OPTIONS') {
     add_header 'Access-Control-Allow-Origin' "$origin" always;
" u/ @- H/ [" x6 T! C) n     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;
4 V, s# z& _* @9 @9 B     add_header Access-Control-Max-Age 1728000;   #20 days   
' r" s$ L- a, X3 d, u6 b: F3 @2 L     add_header Content-Type 'text/plain charset=UTF-8';
  `; s8 T' b+ A) A& L3 z$ Q: a" S     add_header Content-Length 0;
     return 204;
}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     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;
, Z  R2 F+ b5 ?& S9 C4 c}

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

# based on https://gist.github.com/4165271/
#
0 f/ W1 u# F: R  |# p  A% Q# 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.
: Q3 c$ t8 B' [4 G#
5 U  ]/ d2 l$ X  {5 `- k' Q2 Z# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
. w" X0 N& P; s7 \; [: G5 i# method to control access instead.
& i& |! r8 C1 _: s#
- {5 N) r: z6 L# NB: This relies on the use of the 'Origin' HTTP Header.
2 K4 o3 p, v& }4 z
location / {
3 U' H* [7 Q3 m1 D3 \' a
# d+ h7 \& y: r4 o    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
# K: Z# o5 L/ X" w    }

# |6 Y' Q9 Y1 g0 D; _, b& n    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
: B. s" V( W& ?: _( [    # Determine the HTTP request method used
0 V' N% ]* f1 E! y2 l) ^. w4 n/ _    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
    }
    if ($request_method = 'GET') {
        set $cors "${cors}get";
1 k$ G9 O. E$ `1 W  H% J    }
2 M4 E% i- |$ S, Y0 o( S    if ($request_method = 'POST') {
        set $cors "${cors}post";
    }
# {  F& _, Z5 x. `  o; t
    if ($cors = "true") {
. K4 Q6 M& m6 i& P. _  M& ~        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
# [  `: a0 r& Z    }
( d! b# j- p  j1 C" O
    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
; |( n  F9 h  C6 N        add_header 'Access-Control-Allow-Credentials' 'true';
) A1 _  |$ ]" W  G8 e        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';
  x7 a/ P7 j7 \8 j7 [; R- A( v- _  U6 g    }

    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

+ K3 i- O; p5 ~( i: c5 c% O" Q) F        #
        # Om nom nom cookies
        #
        add_header 'Access-Control-Allow-Credentials' 'true';
; T+ u; ^' P5 Q! t' {2 P. ?        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
  |" V7 r) I! Y" W9 K" s2 M) K0 A, p
        #
3 |  h8 Q: T( J" ^; G3 a9 ?        # Custom headers and headers various browsers *should* be OK with but aren't
        #
+ s- ?' ^6 D) R/ _6 y4 x$ o        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
. z5 ^! F* }  p
        #
2 }$ ~' @: @' n; n        # Tell client that this pre-flight info is valid for 20 days
        #
4 k3 d7 t' p' o7 y        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
7 c3 _( t" _7 _, R# B        add_header 'Content-Length' 0;
        return 204;
    }

" ?9 b. D1 \# w) L1 I    if ($cors = "truepost") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
, I# p9 d* ^4 m: a        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
, Y& z+ S+ o, r9 U        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
" |  C* V& R- n( S2 G- Q, b/ M    }
' u# U9 s% Z+ w
}

. D" m4 V; u% ]