網站不帶WWW訪問時矢量字體加載不出來 網站重定向

歡迎訪問我的個人博客:原文鏈接

由於博客使用了一些矢量字體代替圖標，但是習慣直接輸入域名不帶www訪問博客時經常加載不出來，提示錯誤如下。

Access to Font at 'usr/themes/fonts/fontawesome-webfont.ttf?v=4.6.3'
from origin '' has been blocked by CORS policy: No 'Access-Control-Allow-Origin'
header is present on the requested resource. Origin '' is therefore not allowed
access.

本人也不是搞web開發的，一開始不清楚，還以爲是跨域的問題，還去給作者提了Issues。O(∩_∩)O

慢慢後來發現帶www訪問的時候能百分百加載出來，不帶的www就加載不出來，於是去搜索才發現原來是這樣子。baidu.com 和 www.baidu.com。實際上這兩個是完全不同的域名，只是爲了訪問方便而許多大網站都對不帶WWW的域名做了跳轉。所實現的技術就叫做301重定向，這樣設置可以讓用戶的體驗更好，何樂而不爲呢？

只需要在網站/public_html/目錄下創建.htaccess這個文件。然後添加如下規則：

<Files ~ "^.(htaccess|htpasswd)$">
deny from all
</Files>
RewriteEngine on
RewriteCond %{HTTP_HOST} ^(domain\.com)(:80)? [NC]
RewriteRule ^(.*) http://www.domain.com/$1 [R=301,L]
order deny,allow

domain.com就是你的域名 替換就行了

更詳細請參考百科