CDN-的場景不同,技術實現有差異

緩存規則,是不是每個平臺會有差異,還是通用的,爲什麼m3u8不能緩存,動態也頁面後綴不緩存。
在這裏插入圖片描述在這裏插入圖片描述
如果不做頁面靜態化,接口調用似乎無法避免,如何實現頁面靜態化,視頻單頁必須靜態化。不然CDN的優勢無法用到。。。。。

oss 雲平臺(我用的是阿里雲)新建目錄,並綁定一個cdn域名
在vue配置文件中添加配置 baseUrl: ‘https://xxx-cdn.xxx.com/’
注意: 如果你的主域名是https的。 那麼你的cdn地址就必須是https的
將打包好後的dist文件(js、css、img) 提交到 oss 雲平臺
將項目部署到你的雲服務器上。
最後:
你訪問地址 就可以看到 所有的 js 、css、img 都是調用cdn的地址。並且css內部引用的圖片也是cdn地址

在這裏插入圖片描述
CDN-內容分發網絡,主要是針對優化前端靜態資源 http 請求,後端接口不需要走 CDN 服務器

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章