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

IT_man

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

) Q* |+ h0 Z8 e# Z
1 @  d" X- T. ]2 B: E& Y

# CORS header support
#
# One way to use this is by placing it into a file called "cors_support"
. Q  i' e  x' C4 w- A# n# under your Nginx configuration directory and placing the following
# statement inside your **location** block(s):
5 N2 b  o9 l: s+ x0 `#
# v. h/ A* w1 z+ B#   include cors_support;
, N- l6 G, O; [7 [5 P9 m#
# 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.
#
0 S$ `6 N+ O. }  ~/ w# ~# For more information on CORS, please see: http://enable-cors.org/
# Forked from this Gist: https://gist.github.com/michiel/1064640
#
: e9 Y0 A5 U; ^8 n. D% {1 \  u
0 Q8 I$ p+ l4 v; s% n4 {6 f" T* }set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
        set $cors 'true';
; B4 u- _4 r: `3 L; R}

/ w$ u3 d* K+ L# y% P) f9 sif ($cors = 'true') {
        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
$ L  b2 s8 d: T2 {0 `1 ^* G% Z        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;
( r! T% t9 R" r- T: ~2 b( {* m        # required to be able to read Authorization header in frontend
        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
}
; o4 d/ D* t& q" Z+ E/ H1 W
if ($request_method = 'OPTIONS') {
        # Tell client that this pre-flight info is valid for 20 days
9 l' w0 F1 T+ E8 V9 J; j/ b9 i9 F3 a        add_header 'Access-Control-Max-Age' 1728000;
/ }& f; b" E* P( Q7 h: S        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 的討論範例:
. _9 A3 P7 {& o8 H  ^8 d) v

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
}
- @) j, s9 E. z* K5 a5 t- D" Bset $origin $http_origin;
5 X, A4 s0 ~, P1 E' P1 }: \if ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
' b  U* I5 D8 b  @+ b0 K     set $origin 'https://default.yourdom.zone';
}
. R) h" ~6 S5 P# Q7 sif ($request_method = 'OPTIONS') {
. Y6 R' D; E* c5 R+ I     add_header 'Access-Control-Allow-Origin' "$origin" always;
     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
$ x+ ?# w# [  d( F9 H2 Q! [# f     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   
     add_header Content-Type 'text/plain charset=UTF-8';
/ K- {! t& p9 Q, V* j' O     add_header Content-Length 0;
     return 204;
( L# J4 O2 c7 J9 {}
1 x2 J% b* @, @3 U# ]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;
}

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

# based on https://gist.github.com/4165271/
; e+ V* c$ G6 I0 z' }/ L; {( x( k#
# Slightly tighter CORS config for nginx
#
8 r' L+ k$ ~. z0 h# Y5 P1 L# A modification of https://gist.github.com/1064640/ to include a white-list of URLs
! g+ D# i9 a; L% Q% {) A" U#
" |2 {" P6 O0 g' k$ I5 m# W) e6 t$ w3 x# 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)
# z2 u1 z" v0 [6 U$ U# don't seem to play nicely with this.
#
) [- h' g4 P  T% {( E4 u4 `# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
$ ^. M# K9 ?$ H/ m. ?9 x9 c  g# method to control access instead.
#
4 L' {/ \) A3 ^# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
. R  w/ f- M5 A! B
; u# j6 a- t7 N5 f$ e8 M% G    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
+ ^7 p' K) E  T/ @5 w) r5 T        set $cors "true";
    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
8 `2 O+ j: c4 o! O2 G    if ($request_method = 'OPTIONS') {
        set $cors "${cors}options";
    }
, K  C" r+ N: c4 H) S    if ($request_method = 'GET') {
        set $cors "${cors}get";
    }
    if ($request_method = 'POST') {
( D/ D5 o5 ]- Q  Q3 P3 Q        set $cors "${cors}post";
    }

4 r* ^, c% u" ^& c    if ($cors = "true") {
        # Catch all incase there's a request method we're not dealing with properly
. a# i+ E5 L4 P$ j9 S+ ~        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
) J% H. `: E% I( @. Z  u
    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
* Z0 Q, z) b/ J4 V        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';
, _8 q5 {/ {$ _    }
. N" I+ ~" {1 g" B: W5 U
8 V  a9 w8 h9 b2 B: W2 E2 V    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

  D8 B9 S+ l% n5 [# `5 w3 i        #
        # Om nom nom cookies
% y  H" L0 P3 L8 m9 G' K        #
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

        #
        # Custom headers and headers various browsers *should* be OK with but aren't
        #
3 f' T8 p+ J3 {1 ~        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

* [1 x  E" E: Y7 v: k1 ]        #
        # Tell client that this pre-flight info is valid for 20 days
. B5 m6 H5 `, d# a8 \8 e) N        #
        add_header 'Access-Control-Max-Age' 1728000;
$ e$ h! U/ R# q, e  u, I0 |        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
" x9 f- D1 {' A! `& O  ?: c5 {        return 204;
    }

    if ($cors = "truepost") {
* g2 J  y1 K, u5 P8 M        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
* i/ }: ~2 D" C+ c7 T3 y+ n$ Q' S        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';
    }
1 Z8 g. O' d: z/ A
}

$ o8 V7 j* R) [' m2 |0 v2 G- r$ W: g
* h/ M9 i* {- q4 ~# L+ J7 n