網站使用CDN出現ttf woff等字型跨域問題解決方案

ytsee發表於2024-04-06

  如果cdn域名+資源路徑是可以透過瀏覽器url位址列開啟的

  那麼一般是因為nginx配置的原因,找到nginx的配置檔案

  新增以下程式碼:

# 允許指定域名訪問;
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
	add_header Access-Control-Allow-Origin http(s)://這裡填寫你的域名;
}
 
# 如果不行換這個
# 允許所有域名訪問;
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
	add_header Access-Control-Allow-Origin *;
}

  寶塔皮膚直接新增到配置檔案中,記得新增好後,要過載nginx配置

如果還不行,把上面的域名換成*號試一試,再不行就需要檢查cdn配置

以騰訊雲cdn舉例,進入域名管理頁面-選擇高階配置-HTTP響應頭配置-新增規則,按圖選擇即可,頭部取值可設定為指定域名訪問

例如:https://blog.abc.com,https://www.abc.com

設定好後記得重新整理一下cdn快取。

相關文章