如何在Express中将静态文件提供给不同的路由？

Question

我正在使用Express创建站点，当我尝试使用超过一个级别的路由时，没有任何静态文件得到服务。 例如，这是我的代码，可以正常工作：

const express = require('express')
const app = express()
const port = 3000


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

app.get('/newSite', (req, res) => res.sendFile(__dirname + '/newSite.html') )

app.get('/organizations', (req, res) => res.sendFile(__dirname + '/organizations.html') )

app.listen(port, () => console.log(`listening on port ${port}!`))

我想在路径中使用如下所示的内容：

app.get('/admin/organizations', (req, res) => res.sendFile(__dirname + '/organizations.html') )

我尝试弄乱了app.use函数，因为我认为这就是我的问题所在，但到目前为止我仍无法弄清楚。 如何将静态文件提供给任何路由？

编辑：这是相关的html

<html>
<head>


<link rel="stylesheet" type = "text/css" href = "./public/global.css"/>
<link rel="stylesheet" type = "text/css" href = "./public/organizations.css"/>

</head>
<body>

</body>

<script src = "public/jquery.js"> </script>

<script src = "public/organizations.js"> </script>

</html>

Answer 1

这与relative路径有关。 通过express ，使用absolute路径更安全 。

在您的路由深入一层之后，发送的html文件需要向上搜索一级以找到静态文件。 （您可以确认： ../public/global.css实际上会在您的路由/admin/organizations正确链接静态文件）

简单修复：使用绝对路径（注意，它仅以/开头）

<link rel="stylesheet" type = "text/css" href = "/public/global.css"/>

如何在Express中将静态文件提供给不同的路由？

问题描述

1 个解决方案

解决方案1
2 已采纳 2019-04-25 17:19:31

如何在Express中将静态文件提供给不同的路由？

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-04-25 17:19:31

解决方案1
2 已采纳 2019-04-25 17:19:31