抱歉，如果我共享太多（或太少！）當代碼包含在這樣的多個檔案中時，我不確定如何提供代碼。
在這個小專案中，我的 app.js 服務器使用 express 和 ejs。我有一個“/compose”路由，它創建一個帶有“標題”和“內容”的博客文章。然后它將它推送到一個名為“posts”的全域陣列中。
在“/posts”路由中，我的意圖是服務器應該回圈包含帖子的“posts”陣列，并將正確的帖子標題與 URL 中給出的“postName”引數匹配。（我正在嘗試使用字串上的 .toLowerCase() 方法使標題不區分大小寫。）
但是，當我這樣做時，頁面只是停止并且實際上并沒有加載。一個奇怪的錯誤是，如果我通過對 app.js 代碼進行微小更改（例如更改逗號或注釋掉一行）來“重新加載”服務器（我正在運行 nodemon），這樣 nodemon 就會重新加載，頁面將顯示請求的資訊。
// This is my app.js code
const express = require("express");
const ejs = require("ejs");
const app = express();
app.set('view engine', 'ejs');
app.use(express.urlencoded({
extended: true
}));
app.use(express.static(__dirname "/public"));
const posts = [];
app.get("/posts/:postName", (req, res) => {
const requestedTitle = req.params.postName.toLowerCase();
posts.forEach(post => {
const storedTitle = post.title.toLowerCase();
if (requestedTitle === storedTitle) {
res.render("post", {
post: post
});
}
});
});
app.post("/compose", (req, res) => {
const post = {
title: req.body.postTitle,
content: req.body.postBody
};
posts.push(post);
res.redirect("/")
})<!-- This is my "Post" route HTML code (a partial called post.ejs) -->
<h1>This is
<%= post.title%>
</h1>
<!-- This is my "Compose" route HTML Code (a partial called compose.ejs) -->
<h1>Compose</h1>
<form action="/compose" method="POST">
<div class="form-group">
<label for="postTitle">Title</label>
<input class="form-control" type="text" name="postTitle" autofocus>
<label for="postBody">Post</label>
<textarea class="form-control" name="postBody" id="" cols="30" rows="5"></textarea>
</div>
<button class="btn btn-primary" type="submit" name="button">Publish</button>
</form>uj5u.com熱心網友回復：
我看到的主要問題是您的app.get("/posts/:postName", ...)路由需要始終發送一個且僅一個 http 回應。現在的編碼方式是，如果找不到匹配的帖子，它將不發送任何回應，如果找到多個回應，它將嘗試發送多個回應。這兩種情況都有問題。
這是解決此問題的一種方法：
app.get("/posts/:postName", (req, res) => {
const requestedTitle = req.params.postName.toLowerCase();
for (let post of posts) {
const storedTitle = post.title.toLowerCase();
if (requestedTitle === storedTitle) {
res.render("post", {
post: post
});
return;
}
}
// send some sort of response here with a 404 status
res.sendStatus(404);
});
作為您看到的服務器行為的一種可能解釋，瀏覽器只會同時向同一主機發送這么多正在進行的請求。因此，如果使用您的原始代碼，您正在使用沒有匹配帖子的 URL，這些 URL 將不會從服務器發送回瀏覽器的回應，并且這些請求仍將等待回應。最終，瀏覽器將達到它將發送到您的主機的最大請求，直到其中一些請求完成。因此，您的服務器似乎對新請求沒有回應，而實際上它只是在等待先前的請求完成。您必須始終從服務器向每個傳入的 http 請求發送一個且僅一個回應。
我假設這個帖子陣列可能只是一種臨時存盤機制，但如果您將陣列替換為 Map 物件，并以小寫標題作為鍵，它會更有效。然后，您可以通過一個map.get()操作直接在 Map 物件上查找匹配的標題，而不是遍歷整個陣列。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/448441.html
標籤：javascript 节点.js 表示 ejs