Question

我试图让Node显示HTML文件（使用fs，http和express），但是该文件中的图像显示为断开的链接符号。

我尝试编写以下代码，我进行了多次修改，但无济于事。

var http = require('http');
var fs = require('fs');
var express = require('express');
var path = require('path');
var dt = require('./modules/myFirstModule');

var port = 3000;

var app = express();

app.use(express.static(path.join(__dirname + 'public')));
console.log(__dirname);
app.use('/images', express.static(path.join(__dirname + 'public' + 'images')));

http.createServer(function (req, res)
{
   //res.writeHead(200, {'Content-Type': 'text/html'});
   console.log("Server Created!");
   fs.readFile('./html/index.html', function(err, data)
   {

       res.write(data);
       res.end();
   });
}).listen(port);

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="app.js"></script>
    </head>
    <body>
        <img src="images/2016-collage.jpg"/>
    </body>
</html>

我希望看到网页上显示的图像，但我只是看到了损坏的图像链接符号。

Answer 1

我真的不知道您在createServer函数中要做什么，您需要在客户发出请求之前使用express设置路由。我建议您多读一点文档。

最后，您将需要两条路线，一条路线用于HTML，另一条路线用于图像：

HTML路线：

app.get('/', (req, res) => {
    res.sendFile('path_to_html_file.html');
}

图片路径：

app.get('/images/:image', (req, res) => {
    res.sendFile(`path_to_your_images_folder/${req.params.image}`);
}

在Node中显示来自html的图像

1 个答案: