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

IT_man

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

# CORS header support
9 h, y6 J# ~7 ^. v#
# One way to use this is by placing it into a file called "cors_support"
% ~$ X) z& T1 m/ g2 J" l# under your Nginx configuration directory and placing the following
, M- {5 E" B, M9 @" G# statement inside your **location** block(s):
#
0 ~6 o9 ^( w) U- W. b  s' |7 B, [#   include cors_support;
#
0 M2 K: O8 l+ K, s" B# 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.
4 h: q- L5 L  `7 n. i% u$ g) l#
9 [6 @6 a- T. n6 D# For more information on CORS, please see: http://enable-cors.org/
( D  X' v1 _. ~5 r* A# Forked from this Gist: https://gist.github.com/michiel/1064640
#
) x' o- `, t! {9 g
set $cors '';
if ($http_origin ~ '^https?://(localhost|www\.yourdomain\.com|www\.yourotherdomain\.com)$') {
: h. R. C( M8 ?) x: u$ [! d* r        set $cors 'true';
}
/ }* o& b0 \  r+ O: W5 i5 B
# y2 V- `" v) Q4 c! ?/ C- cif ($cors = 'true') {
- b, u& `0 F/ ]! V  K8 I' {        add_header 'Access-Control-Allow-Origin' "$http_origin" always;
7 n# p* e2 f+ `& {- x        add_header 'Access-Control-Allow-Credentials' 'true' always;
/ Y/ ~) G2 d: S' B        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;
  m( x4 Z$ s0 Z! J) c- \9 N        # required to be able to read Authorization header in frontend
' }1 P. v/ h' `6 V- s* n        #add_header 'Access-Control-Expose-Headers' 'Authorization' always;
& `+ _6 P: @5 U% C/ ]' U}
* Z5 z' c+ Q; A$ G# m4 f$ H
if ($request_method = 'OPTIONS') {
3 f' s+ z9 `6 m+ t        # Tell client that this pre-flight info is valid for 20 days
; t; K/ Z. G3 q; ^8 R+ A8 `! g! F        add_header 'Access-Control-Max-Age' 1728000;
7 ^. B7 T3 B. W" h7 Y9 u        add_header 'Content-Type' 'text/plain charset=UTF-8';
) u) t6 _2 t; y( p- Y* G) N        add_header 'Content-Length' 0;
        return 204;
}

https://gist.github.com/Stanback/7145487#file-nginx-conf 的討論範例:

if ( $request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|PATCH|DELETE)$ ) {     return 444;
( ~9 e) Y3 i" T}
' f8 t* G7 r$ h. a- _, C8 wset $origin $http_origin;
, t: i8 v, I. Z' n; g5 P+ Nif ($origin !~ '^https?://(subdom1|subdom2)\.yourdom\.zone$') {
: e$ \: w. G% }0 A% [9 S     set $origin 'https://default.yourdom.zone';
+ Y3 {4 w$ G3 V; ^- X" d4 ?}
& @- n! R! l# j5 yif ($request_method = 'OPTIONS') {
4 {: q* D# g* S! e% p& O     add_header 'Access-Control-Allow-Origin' "$origin" always;
     add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, PUT, DELETE, OPTIONS' always;
  `5 |3 F' P7 I9 Q! G0 {: U% b' Q     add_header 'Access-Control-Allow-Headers' 'Content-Type, Accept, Authorization' always;
     add_header 'Access-Control-Allow-Credentials' 'true' always;
: n, U9 Z/ X. i; m. g- [     add_header Access-Control-Max-Age 1728000;   #20 days   
7 ~- l8 `' z4 X* `7 j     add_header Content-Type 'text/plain charset=UTF-8';
     add_header Content-Length 0;
1 x9 R9 G. A; L" j     return 204;
9 r, t- J) m. w+ R8 g2 c" J9 E; N& n  L}
if ($request_method ~ '(GET|POST|PATCH|PUT|DELETE)') {
     add_header Access-Control-Allow-Origin "$origin" always;
3 u, r) S7 \0 u; z     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;
6 W4 O# M+ V) U5 N9 ~}

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

# based on https://gist.github.com/4165271/
4 q: Q2 ]5 k8 }" M& S#
  v' D% H4 p2 C+ I5 I0 X9 w; \4 z0 D# Slightly tighter CORS config for nginx
#
, F" r+ O1 a. P. ?7 m& z# 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.
; F; N- z& v0 y9 J#
# To avoid the use of 'Access-Control-Allow-Origin: *', use a simple-ish whitelisting
# method to control access instead.
* F$ E2 j! Y9 K) i$ n) b#
3 m. [0 E: i0 P, `( R* T# NB: This relies on the use of the 'Origin' HTTP Header.

location / {
% M1 c2 N! a0 j
6 q9 a' O/ i+ o$ m    if ($http_origin ~* (^https?://([^/]+\.)*(domainone|domaintwo)\.com$)) {
        set $cors "true";
    }

    # Nginx doesn't support nested If statements. This is where things get slightly nasty.
    # Determine the HTTP request method used
5 x$ E: }* e; Z1 ~    if ($request_method = 'OPTIONS') {
) ]5 Q0 Z& @; P. J        set $cors "${cors}options";
2 a6 U* q: `8 k3 f    }
    if ($request_method = 'GET') {
3 A+ \1 n; Q' X3 g1 M" t8 G( }4 K' v        set $cors "${cors}get";
    }
7 \% W" F, g1 @5 l$ U9 y  M    if ($request_method = 'POST') {
/ `4 w# }1 k- N1 @1 w        set $cors "${cors}post";
! e, C! v3 `( V% W% b8 U9 S! H    }

    if ($cors = "true") {
& ~  H9 n! `% _3 }0 v3 q/ B, j        # Catch all incase there's a request method we're not dealing with properly
        add_header 'Access-Control-Allow-Origin' "$http_origin";
    }
) D$ ^: M6 C7 n( a- d4 @- y/ E
! F& S8 I8 |! ?9 S, ?; w8 ]. z    if ($cors = "trueget") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";
        add_header 'Access-Control-Allow-Credentials' 'true';
, }1 x: s/ [+ \$ f6 M2 p5 L        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
1 R$ ^& H8 v1 i0 k        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
* F) u: D! _4 R- B0 L% _( G    }
- q1 F* `% H, r  r
0 Q4 {& `- W& Y' L* ]' a" D    if ($cors = "trueoptions") {
        add_header 'Access-Control-Allow-Origin' "$http_origin";

        #
$ F/ i) M- R/ q1 x* G% N7 `        # Om nom nom cookies
2 X8 k' h  C# v/ H; E        #
        add_header 'Access-Control-Allow-Credentials' 'true';
/ T" F. M6 B$ K' y* t4 U9 }        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

+ S$ \4 V1 H0 n. e9 B6 J5 A        #
* z, S* e. F/ s+ _# F5 O  a        # Custom headers and headers various browsers *should* be OK with but aren't
3 |) f/ P! Z7 Z; @, h* D/ Z8 l        #
        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
        #
( W0 X, [/ H. C# ?7 g        add_header 'Access-Control-Max-Age' 1728000;
% q* u- Y* p1 y$ `        add_header 'Content-Type' 'text/plain charset=UTF-8';
+ d* y: h  V5 s        add_header 'Content-Length' 0;
; ^2 t; d2 n3 r% g  r7 ~4 w        return 204;
7 S4 Q2 J- d5 m, j8 |5 t" Y    }

5 m" r7 Q* K; U' P, H    if ($cors = "truepost") {
2 M7 \5 ?$ H+ R: o, X- N/ F8 n        add_header 'Access-Control-Allow-Origin' "$http_origin";
* S. V/ v* s  y1 [" C" U( K        add_header 'Access-Control-Allow-Credentials' 'true';
: h' ~* t" F  S8 z. s        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
) F* T. A( c2 D/ ~) s, e8 J        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
$ F+ E. ?3 R( \- u
}