【问题标题】:CSS doesn't work when site is served over nginx通过 nginx 提供站点时 CSS 不起作用
【发布时间】:2020-10-27 18:06:29
【问题描述】:

当我开发一个静态网站时,我使用了 VS Code 和 Live Server(Windows 机器)。 网站似乎运行良好。

但是,当我将文件移动到我的 CentOS 机器以通过 nginx 为网站提供服务时,网站加载正常并且引导轮播可以正常工作,但我的自定义 CSS 修复了网站周围的一些问题似乎没有效果。

如果我在 CentOS 机器上从 Firefox 静态打开文件(文件 -> 打开文件),CSS 工作正常。

我检查了开发人员工具中的网络选项卡,.css 文件已传输到浏览器,但由于某种原因,当站点通过 nginx 提供服务时它无法正常工作。

我注意到的另一件事是在网络选项卡中(通过 nginx 提供服务时)是,当我单击 css 文件并转到 Response -> Response Payload 时,所有 css 指令都是灰色的,好像 css 已被注释但实际上没有 cmets。

编辑 网络选项卡显示 nginx 标记的 css 文件,内容类型为 text/plain。

【问题讨论】:

  • 您在 .html 文件中的路径如何?...有时名称使用大写字母,有些服务器提供文件,而另一些则不提供文件
  • @Nemesius 都是小写
  • @Nemesius 这甚至不是重点,因为 css 文件是由 nginx 发送到浏览器的
  • 阅读this问题下的cmets。

标签: html css nginx web static


【解决方案1】:

在 nginx.conf 文件中在服务器上下文中添加以下内容:

include /etc/nginx/mime.types;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-10-17
    • 1970-01-01
    • 1970-01-01
    • 2021-08-07
    • 1970-01-01
    • 2022-10-04
    • 2012-09-21
    • 1970-01-01
    相关资源
    最近更新 更多