问题场景:客户使用Linux系统虚拟主机,网站程序上传之后访问发现页面排版有问题,css样式文件加载失败,部分图片显示不出来,以织梦CMS程序为例,如下图所所示:

freemarker中css样式不好使 css样式显示不出来_加载

问题原因:

1、Linux系统虚拟主机区分文件夹以及文件名的大小写,需要检查调用的文件的路径与文件实际存在的路径的文件名大小写是否一致;

2、加载的css文件和图片在上传过程中损坏或者上传的文件本身就有问题;

解决方法:

1、使用chrome访问网站,在访问之前按F12,打开网站分析工具,点击Network,访问之后就会发现页面加载的css文件及部分其他文件加载失败;

freemarker中css样式不好使 css样式显示不出来_文件名_02

2、通过此方法可以查看到css文件的存放路径和文件名,建议先通过FTP软件连接之后才检查路径下是否存在该文件,如果文件正常存在,重新以二进制形式上传该文件,有可能是上传过程中文件损坏导致加载失败;

3、由于Linux系统虚拟主机区分文件夹和文件名的大小写,通过FTP软件连接之后找到此文件名的存放路径,检查此路径的文件夹名大小写与首页加载的链接中的大小写是否一致;

freemarker中css样式不好使 css样式显示不出来_大小写_03

4、通过检查发现dedecms.css所在路径的最后一级目录实际文件夹名为Style,但是程序加载的路径最后一级文件夹名为style,首字母大小写不一致,可以修改Style文件夹名为style,或联系程序开发人员将程序代码中调用此文件路径中的style改成Style;

图片无法访问的检查方法与上述方法一致,

第一检查图片存在与否,将图片下载到本地测试是否可以正常打开来验证图片文件本身是否有问题;

第二检查图片调用的路径文件夹名及图片文件名与ftp中实际存在的路径的文件夹名大小写是否一致。