当前位置:网站首页 > HTML与CSS基础 > 正文

前端项目,css样式获取到了,没能渲染页面

一,现象

页面显示是类似这样的,只有html ,并且页面能运行js代码。明显是缺少了css文件:
在这里插入图片描述
打开network,发现对应的css已经获取到了,也没有报错,但就是不渲染。

二,原因

查看console和请求头,会发现有这样的现象:
在这里插入图片描述
在这里插入图片描述
这是因为:
当请求的css 文件的MIME 类型 为 text/plain 时,文件会当做 .txt 文件来处理,浏览器就会拒绝渲染
正确的content-type应该是text/css

三,解决方法

在nginx中加这两行代码即可:
在这里插入图片描述

到此这篇前端项目,css样式获取到了,没能渲染页面的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • webpack5学习与实战-(十三)-postcss处理css3兼容性前缀2024-11-28 08:09:05
  • webpack5热更新失效,且只有css修改后失效?2024-11-28 08:09:05
  • css3画立体图形2024-11-28 08:09:05
  • css中用两种方法实现两列布局,左列定宽200px,右列自适应宽2024-11-28 08:09:05
  • css中三栏布局之两边宽度固定,中间宽度自适应-5种方法总结——flex布局、浮动布局、绝对定位布局、圣杯布局、双飞翼布局2024-11-28 08:09:05
  • css3动画的使用2024-11-28 08:09:05
  • 移动端H5界面 前端html app 自动清除引入的css js缓存方法2024-11-28 08:09:05
  • lang=“scss“动态拼接变量 设置背景图2024-11-28 08:09:05
  • CSS:父元素使用了Flex布局 导致子元素高度未撑开2024-11-28 08:09:05
  • CSS:flex布局浏览器兼容处理 ie8, ie92024-11-28 08:09:05
  • 全屏图片