为什么我的 HTML 通过快递发送时不呈现 CSS？

Question

我是 REST API 的初学者，我仍然开始理解它。 我想为一个网站做这件事。

所以，我只使用了res.sendFile() ，它起作用了，但是 CSS 没有被渲染，JS 也没有。

为什么？ 任何帮助表示赞赏。

代码：

const app = require("express")()
const PORT = 8000

/**
 * 
 * @param {string} name 
 * @returns 
 * 
 */

function getHTML(name) {
    return process.cwd() + "/html" + `/${name}` + `/${name}.html`
}

/**
 * 
 * @param {string} name 
 * @returns 
 * 
 */


app.get("/password-generator", (req, res) => {
    res.sendFile(getHTML("password-generator"))
})

app.listen(PORT, () => {
    console.log("Website is on!")
})

我的文件结构的图片：

Answer 1

您还必须提供 css 文件，而不仅仅是 html。

最简单的方法是使用 static：

仅用这一行替换您的app.get和getHTML函数：

app.use(express.static(process.cwd() + "/html"));

然后您可以访问您的 html 文件，只需http://localhost:8000/password-generator/password-generator.html

---

替代解决方案：如果您想保留已有的代码并仍然通过http://localhost:8000/password-generator访问它，那么您可以单独制作一个 function 来获取 ZC7A628CBA262E28EB16AE67B5AF2

app.get("/password-generator/style.css", (req, res) => {
    res.sendFile(process.cwd() + "/html/password-generator/style.css");
});

或类似的东西，然后在您的 html 中确保您链接到src="/password-generator/style.css"而不是src="style.css"

Answer 2

这是因为 css 与 express 不兼容。