网站不带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就是你的域名 替换就行了

更详细请参考百科