如何在 Express 中將 JavaScript 文件鏈接到 HTML？

Question

我正在運行一個帶有 Express 的 NodeJS 服務器，使用 Handlebars 作為引擎。

app.use(express.static(publicDirPath))
(...)

app.engine("hbs",hbs({
extname: "hbs",
defaultView: "main",
layoutsDir: path.join(srcDirPath, "views/layouts"),
partialsDir: path.join(srcDirPath, "views/partials"),
}));  
(...)

app.listen(3000, () => {
  console.log("Server started at port 3000.");
});

我有一個登錄頁面：

app.get("/Login", (req, res) => {
  res.render("Login", { layout: "Loginlayout" });
});

app.get("/public/js/login.js", (req, res) => {
  res.header("Content-Type", "application/javascript")
  res.end();
});

– 這是使用這個 header：

 <head>
    <script src="/public/js/login.js" async></script>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="css/login.css">

    <title>Login</title>
  </head>

– 但我不能使用login.js中的任何功能。

我也遇到了一些“MIME 類型（“text/html”）不匹配”錯誤，但我想我通過使用修復了它們

res.header("Content-Type", "application/javascript")

– 但我仍然無法使用任何功能。 我也嘗試了多個瀏覽器，但沒有任何效果。

Answer 1

讓app.use(express.static(publicDirPath))發揮它的作用。 將本地 js/css 文件移動到publicDirPath目錄下，快遞將為您提供資產的路徑。

如何在 Express 中將 JavaScript 文件鏈接到 HTML？

問題描述

1 個解決方案

解決方案1
0 2020-07-26 02:44:16

如何在 Express 中將 JavaScript 文件鏈接到 HTML？

問題描述

1 個解決方案

解決方案1 0 2020-07-26 02:44:16

解決方案1
0 2020-07-26 02:44:16