笔者今日在给后台管理UI寻找新的库和框架,看到了AceAdmin,既美观又还能全面满足自己的需求。于是下载下来部署看看效果。
笔者的web服务器是自己开发的,使用C++,基于libevent-http。
浏览器支持Chrome(65.0.3325.146)和QQBrowser(9.7)两款。
以上是开发运行环境介绍。
在AceAdmin网站http://ace.jeka.by/上看到的图标啥的都显示正常,
但是,一部署到笔者的web服务器上之后,就显示不正常,都变成方框 “口”了,如下
来两个特写:
用Chrome的F12工具查看Console,看到了这样的错误:
Failed to decode downloaded font: http://127.0.0.1:8080/assets/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0
OTS parsing error: invalid version tag
Failed to decode downloaded font: http://127.0.0.1:8080/assets/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0
OTS parsing error: invalid version tag
Failed to decode downloaded font: http://127.0.0.1:8080/assets/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0
OTS parsing error: invalid version tag
笔者从网上搜索,围绕着这个错误的相关主题基本如下面这些:
{
字体图标,Maven,apache配置,mime设置,IIS配置,css中的url无法索引到woff文件,firefox浏览器设置字体强制,font-awesome版本不对,等
}
笔者查看的很多这个相关主题的帖子,问题都没解决。包括修改libevent-http的mime类型。
在这里补充一句,
(1)直接打开官网的页面看到的图标是正确的。
(2)下载的demo部署到自己的web服务器下显示就不正确。
(3)但是,BUT!如果把下载的demo里的html文件直接用浏览器打开,显示竟然正确!
笔者也是感到无奈了。
真是一筹莫展了。抱着死马当活马医心情,索性再尝试一下修改css里的url,就从下面
修改成如下这样:
卧擦,竟然正常了:
真是好诡异!只想说一句:“活久见”。
笔者一直从事后端服务开发,基本没怎么接触过前端,还不知道这样修改为什么就能显示正常。