跨域訪問html
爲何瀏覽器禁止跨域訪問跨域
若是黑客控制的網站B在響應頭裏添加了讓客戶端去訪問網站A的惡意信息,就會出現CSRF攻擊瀏覽器
Nginx如何配置跨域訪問安全
add_header語法服務器
name value [always];
http, server, location, if in location
語法解釋:app
name value [always];
name
表示響應頭返回的key
value
表示響應頭返回的key對應的value
add_header跨域配置
性能
location ~ .*\.(htm|html)$ { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS; root /opt/app/code; }
防盜鏈目的網站
基於http_referer防盜鏈配置模塊google
ngx_http_referer_module模塊用於阻止對「Referer」頭字段中具備無效值的請求訪問站點。3d
舉例
valid_referers none blocked server_names *.example.com example.* www.example.org/galleries/ ~\.google\.; if ($invalid_referer) { return 403; }
referer_hash_bucket_size語法
語法解釋:
referer_hash_bucket_size size;表示設置有效引用散列表的存儲區大小。
referer_hash_max_size 語法
語法解釋:
valid_referers語法
語法解釋:
touch test_referer.html (在 /op/app/code 目錄下)
<html> <head> <meta charset="utf-8"> <title>imooc1</title> </head> <body style="background-color:red;">
<h1>張彪</h1> <img src="http://192.168.1.112/wei.png"/> </body> </html>
配置防盜鏈若是不是從 www.zhangbiao.com 域名轉來的就會報錯
location ~ .*\.(jpg|gif|png)$ { valid_referers none blocked www.zhangbiao.com; if ($invalid_referer) { return 403; } root /opt/app/code/images; } location ~ /test_refer.html { root /opt/app/code; }
訪問
http://192.168.1.112/test_refer.html
訪問
http://www.zhangbiao.com/test_refer.html
容許其餘網站訪問本身網站資源配置