html - 在本地主机服务器上找不到 png 文件

标签 html css node.js

错误代码 http://localhost:3000/public/resource/calendar.png无法加载资源:服务器响应状态为 404(未找到)

我想要网络服务。我不知道为什么会出现这个错误。

在本地文件中运行良好,但从nodejs启动时出现此错误

error

这是我的来源

app.js

var express = require('express'),
app = express(),
server = require('http').createServer(app),
io = require('socket.io').listen(server);
server.listen(3000);
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});

index.html(源代码太长)

这是错误代码

text-align: center;
background: url('./public/resource/calendar.png');
background-size: contain;

png 文件路径为 D:\Hackathon\public\resource

和app.js,索引路径为D:\Hackathon

请帮帮我

最佳答案

您需要安装一个中间件来提供静态文件。

请参阅https://expressjs.com/en/starter/static-files.html

app.use(express.static('<root_folder_for_resources>'));

关于html - 在本地主机服务器上找不到 png 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40298735/

相关文章:

javascript - 为什么我在这种 (rgb(204, 204, 204) none repeat scroll 0% 0%/auto padding-box border-box) 格式中获得背景颜色?

javascript - 为什么有些变量没有定义?

javascript - 从 jQuery 对话框标题中删除附加图像

javascript - 如何使用 Bootstrap 使轮播在 1 列中使用 2 行

Javascript 从 map 内的函数获取回调

html - 无法将两个跨度彼此相邻

html - 在 flexbox 的图像下居中文本/内容?

html - 更改宽度属性是否会影响网格文本溢出?

node.js - 如何从 Firebase Firestore 第二代 onDocumentData 触发器获取经过身份验证的用户?

node.js - 蒙哥错误: write EPIPE