時間 2014-09-24 22:02:48 All by Neil

主題 Chrome

Access-Control-Allow-Origin 是html5 添加的新功能, chrome貌似前幾天更新之后支持了這一特性.

基本上, 這是一個http的header, 用在返回資源的時候, 指定這個資源可以被哪些網域跨站訪問.

比方說, 你的圖片都放在 res.byneil.com 這個域下, 如果在返回的頭中沒有設置 Access-Control-Allow-Origin , 那么別的域是不能外鏈你的圖片的.

當然這要取決於瀏覽器的實現是否遵守規范. 因為chrome最近的升級開始檢查這個頭了, 所以導致一些網站資源加載不進來.

解決方法就是在資源的頭中加入 Access-Control-Allow-Origin 指定你授權的域. 我這里無所謂,就指定星號 * , 任何域都可以訪問我的資源.

Access-Control-Allow-Origin: *

具體操作方法, 就是在nginx的conf文件中加入以下內容:

location / { add_header Access-Control-Allow-Origin *; }

這樣就好了.

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。