网站不带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这个文件。然后添加如下规则:


deny from all

RewriteEngine on
RewriteCond %{HTTP_HOST} ^(domain\.com)(:80)? [NC]
RewriteRule ^(.*) http://www.domain.com/$1 [R=301,L]
order deny,allow

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

更详细请参考百科

你可能感兴趣的:(有趣的bug,博客)