javascript - Node.js 静态文件夹引用未加载 CSS

Question

我目前正在使用 Node.js 开发一个网站。我刚刚设置了我的 404 页面，当我转到类似 mywebsite.com/404 或其他不存在的页面时它工作正常，但如果我尝试访问类似 mywebsite.com/foo/bar，它也不存在，CSS 和 JS 等 Assets 不会加载。在服务器上，我正在使用:

app.use('/assets', express.static(__dirname + '/public'));

并且，在页面本身:

<link href="/assets/css/bootstrap.min.css" rel="stylesheet">

我知道在 HTML 的 Assets 前面添加 ../ 会起作用，但这并不理想。有帮助吗？

我的文件夹结构如下:

Project Folder
|-App.js
|-views
  |-404.ejs
  |-home.ejs
|-public
  |-CSS
    |-Bootstrap.min.css
  |-js
  |-img
  |-font

Answer 1

使用base您的 404 页面(或每个页面!)上的元素，它将始终使用您指定的基本路径请求您的 Assets 。

例如添加<base href="http://example.com" / > 在你的 </head> 之前标签将请求带有 http://example.com 的每个 Assets 作为您的情况的路径，而不是 /foo/bar/assets/css/bootstrap.min.css ，它将请求 /assets/css/bootstrap.min.css .