目前我正在學習 expressjs，我不明白為什么在使用時express.static()有些檔案可以正常作業而其他檔案不能正常作業。這是我的代碼：
const express = require("express");
const app = express();
app.use(express.static('./public'))
app.listen(5000, ()=>{
console.log("server listening on port 5000...")
});
我要訪問的所有檔案都在同一個檔案夾中。但是只有style.css301狀態，Chrome開發網路視窗中還有一個檔案呼叫styles.css/并且狀態為404。我該如何修復它？這是我的 html 值
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<img src="descarga.jpg">
<div> AAAA</div>
</body>
</html>
檔案結構為：
nodeTutorial
nodeTutorial/app.js
nodeTutorial/public/image.png
/public/styles.css
/public/index.html
謝謝你的幫助。
uj5u.com熱心網友回復：
我已經對您的專案進行了一些小改進。
從你的folder & file結構和下面index.html的這一行：
<link rel="stylesheet" href="styles.css" />
...看起來styles.css應該有狀態 301 OK（在我的情況下，在輸出螢屏下面的 304）。style.css看起來這個檔案不存在？？！嘗試用力重繪 您的 Chrome 瀏覽器Ctrl F5，此問題應該會消失。style.css不能出現在那里！祝你好運 ;-) 在 Express
應用程式.js
const express = require("express");
const app = express();
const port = 5000;
app.use(express.static("./public"));
app.listen(port, () => {
console.log(`Server is listening at http://localhost:${port}`);
});
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div>
<h1>Static Files Express</h1>
</div>
<img src="run_013.jpg" class="img" />
</body>
</html>
樣式.css
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
img {
width: 50%;
height: 50%;
}
輸出( chrome network )版本 98.0.4758.102 (Official Build) (64-bit)
測驗：“express”：“^4.17.3”節點 16.13.0 Ubuntu 20.04
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/429184.html