我是 nodejs 的新手。我想创建一个非常简单的网站,它有 3 个页面。在每个页面中,我想显示一个图像以使页面看起来统一。
我的代码如下所示:
/**
* Module dependencies.
*/
var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var http = require('http');
var path = require('path');
var fs = require('fs');
var mail = require("nodemailer").mail;
/*List of variables*/
var app = express();
// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
app.get('/main', function(req, res) {
fs.readFile('./home.html', function(error, content) {
if (error) {
res.writeHead(500);
res.end();
}
else {
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(content, 'utf-8');
}
});
});
/* After this I have code for post event - all these navigation works perfectly fine*/
在 home.html
文件中,我有一张图片要显示:
/*Header part of HTML file*/
<body>
<img class="logo" src="./Heading.png" alt="My_Logo">
console.log (src);
<h1 class="center">Welcome to message reprocessing</h1>
</br>
</body>
此图像未显示在我的浏览器中。当我检查控制台时出现此错误:
GET http://localhost:3000/Heading.png 404 (Not Found)
请帮助,谢谢
原文由 DivB 发布,翻译遵循 CC BY-SA 4.0 许可协议
感谢您的回答。我已经尝试过使用绝对路径,但没有成功。但是我的一位朋友建议如下:
并将
Heading.png
文件保存在public/images
目录中。谢谢大家。