我的程式無法獲取影像和 css 的位置。嘗試在“public”之前添加一個“/”,指向特定位置以獲取 css 和影像,但似乎沒有什么對我有用。這是我的代碼:
javascript:
const express = require("express");
const request = require("request");
const bodyParser = require("body-parser");
const https = require("https");
const app = express();
app.use(express.static("public"));
app.get("/", function(req, res) {
res.sendFile(__dirname "/signup.html")
})
app.listen("3000", () => console.log("NEWSLETTER is running on port 3000."));
HTML:
<main class="form-signin">
<form action="/" method="post">
<img class="mb-4" src="./public/images/[email protected]" alt="" width="120" height="100">
<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
<input type="text" class="form-control top" placeholder="First Name">
<input type="text" class="form-control middle" placeholder="Last Name">
<input type="email" class="form-control bottom" placeholder="Email">
<button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
<p class="mt-5 mb-3 text-muted">© 2017 – 2021</p>
</form>
</main>
</body>
專案布局:
/public
/images
/roundups-v0@2x.png
/styles
/signup.css
uj5u.com熱心網友回復:
您需要public從檔案路徑中洗掉:
Express 查找相對于靜態目錄的檔案,因此靜態目錄的名稱不是 URL 的一部分。
檔案
app.use(express.static('public'))
現在,您可以加載公共目錄中的檔案:
http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html
你也可以參考這篇文章:Express js static relative parent directory
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/449376.html
標籤:javascript html 节点.js 表示 网络
下一篇:帶快遞的動態端點
