网页不显示样式的解决方向之一
2017-08-30 19:00
162 查看
【问题描述和分析】
当网页出现内容显示正常,但是没有样式加载的情况。这时,要先检查css文件是否成功加载。
如果加载成功,再检查css内容的问题或者是编码问题;如果加载失败,这时要检查css文件引用路径是否正确,或者nginx/Apache配置是否正确,是否能正确的匹配到css文件
【解决方案】
我遇到的问题是nginx配置文件中没有设置css匹配规则,修改nginx.conf后样式加载正常
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
}
location ~ .*\.(js|css)?$
{
expires 12h;
}
当网页出现内容显示正常,但是没有样式加载的情况。这时,要先检查css文件是否成功加载。
如果加载成功,再检查css内容的问题或者是编码问题;如果加载失败,这时要检查css文件引用路径是否正确,或者nginx/Apache配置是否正确,是否能正确的匹配到css文件
【解决方案】
我遇到的问题是nginx配置文件中没有设置css匹配规则,修改nginx.conf后样式加载正常
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
}
location ~ .*\.(js|css)?$
{
expires 12h;
}
相关文章推荐
- create-react-app 引入 antd 及 解决 antd 样式无法显示的bug
- CHM无法显示网页的解决办法
- win7系统IE浏览器网页受到恶意软件破坏导致无法显示图片视频或无法打开网页的解决方法
- 本地网页样式上传服务器后发生变化解决办法
- html网页中显示乱码的问题解决
- 在chrome浏览器和在IE浏览器中显示的页面样式不一样的解决办法
- chrome打不开网页显示ERR_NAME_NOT_RESOLVED错误的解决方法
- 网页小图标不能显示的解决方法
- IOS webView 因URL中含有中文加载网页白屏显示的解决方法
- 网页显示出现问题-解决
- 解决chorme最小显示12px字体的样式
- 网页无法显示PNG图片的解决办法
- 解决:Vista 系统中浏览网页速度慢或出现该页无法显示的问题
- 关于chm电子书无法显示网页的解决方法
- 网络显示连接,但是无法打开网页的解决方法
- 解决下载的CHM文件无法显示网页问题
- 使用媒体查询功能解决网页100%宽度和固定宽度在小屏浏览器显示空白问题
- utf-8 网页不显示+utf-8网页乱码的通用解决方法
- 网页显示403. That’s an error的解决方法。
- 如何解决 Internet Explorer 9/10/11 网页显示白屏的问题?