如何在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