如何引用GitHub的靜態資源文件 js css

參考:引用GitHub的靜態資源文件css

有些人說直接用 Github Raw 瀏覽器不執行是由於返回的 content-type 是 text/plain,這麼說不許確。
實際上瀏覽器對 MIME 類型並無強制檢查,只是 Github 返回的 Header 加上了 X-Content-Type-Options: nosniff 強制瀏覽器執行 MIME 類型檢查,因而就會報錯。git

MSDN對其解釋以下:減小 MIME 類型的安全風險github

因此正確的用法應該是使用第三方提供的git解析服務或者使用Github Pages(並不推薦)後端

https://unpkg.com/(不可用)
https://rawgit.com/(不可用)
http://raw.githack.com/(可用)
https://www.heroku.com/(使用較複雜)

做者:浪子
連接:https://www.zhihu.com/question/22004590/answer/149409895
來源:知乎
著做權歸做者全部。商業轉載請聯繫做者得到受權,非商業轉載請註明出處。

其實想正常工做的思路也很簡單,就是把人家的text/plain格式的資源經過本身的服務器中轉一下,在後端把Content-Type設置成text/css的而後再訪問本身的服務器。瀏覽器

RawGit其實就是這個原理安全

最後,這樣作我只是在回答題主的問題,在生產環境中仍是選擇靠譜的cdn服務商作資源處理比較好。服務器

再次爲前兩天盲目回答的答案道歉!code


下面的方法錯誤!!

來更新一下,前面說的都已通過期,如今github訪問靜態資源很簡單。cdn

看圖說話:blog


在github上打開你的文件,點擊右上角的Raw


將https://raw.githubusercontent.com替換爲http://raw.githack.com便可。
好了,如今上面的地址就已經能夠做爲你想要的靜態資源了。
相關文章
相關標籤/搜索