我可以使用节点快速加载 css 文件，但它不起作用，某些 css 文件可以工作

I can load css file with node express, but it doesn't work, some css file can work

本文关键字：css 文件 不起作用 某些 工作 可以使 加载 我可以 节点      更新时间：2023-09-26

我在app.js中设置了app.use(express.static(path.join(__dirname, 'public')));

现在我使用bootstrap.css和我自己的css文件main.css

索引.html： 

  ┊ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  ┊ <link rel='stylesheet' type="text/css" href='bootstrap/theme/bootstrap.united.css' />
  ┊ <link rel='stylesheet' type="text/css" href='bootstrap/css/main.css' />

主.css：

  1 body {
  2   background-color: red;
  3 }

我的文件树是：

public
├── bootstrap
│   ├── css
│   │   ├── bootstrap.css
│   │   └── bootstrap.min.css
│   ├── js
│   │   ├── bootstrap.js
│   │   └── bootstrap.min.js
│   └── theme
│       └── bootstrap.united.css
├── css
│   └── main.css
└── jQuery
    └── jquery-1.12.0.min.js

我的节点服务器127.0.0.1:3000

在我的 chrome 中，bootstrap.united.css可以工作，
但main.css行不通，
我可以将其加载到http://10.0.8.88:3000/css/main.css

为什么main.css已加载，但不起作用？

看起来在你的

主.css链接的href中，你用"bootstrap"开始了文件路径，但css文件夹从该分支之外开始。

相关文章：