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路径更安全。

您的路线进入一级 deep 后，发送的html文件需要向上一级搜索来查找静态文件。（您可以确认：../public/global.css实际上将正确路由您的路由/admin/organizations中的静态文件）

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

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

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

1 个答案: