Javascript 未在node.js呈现的网页上显示的图像_Javascript_Html_Node.js

Javascript 未在node.js呈现的网页上显示的图像

javascript html node.js

Javascript 未在node.js呈现的网页上显示的图像,javascript,html,node.js,Javascript,Html,Node.js,我有一个node.js服务器，代码如下： var http = require('http'), fs = require('fs'), index = fs.readFileSync(__dirname + '/index.html'); var app = http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end(inde

我有一个node.js服务器，代码如下：

var http = require('http'),
    fs = require('fs'),
    index = fs.readFileSync(__dirname + '/index.html');

var app = http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end(index);
});

app.listen(80);

在index.html中使用标记时，不会显示任何图像：

<html>
    <body>
        <img src="settings.gif" />
    </body>
</html>

该图像与server.js文件和index.html文件位于同一目录中

编辑：如果我使用另一个站点的完整URL，图像将显示。例如：

尝试使用绝对路径。如果出现故障，请将图像文件保存在

public/images

目录中。并使用此地址：

<img src="http://localhost:3000/images/Heading.png" />

尝试使用绝对路径。如果出现故障，请将图像文件保存在

public/images

目录中。并使用此地址：

<img src="http://localhost:3000/images/Heading.png" />

尝试使用绝对路径。如果出现故障，请将图像文件保存在

public/images

目录中。并使用此地址：

<img src="http://localhost:3000/images/Heading.png" />

尝试使用绝对路径。如果出现故障，请将图像文件保存在

public/images

目录中。并使用此地址：

<img src="http://localhost:3000/images/Heading.png" />

我想你的服务器不知道你的图像在哪里，我看不出你的代码在哪里指定了这一点。我建议您使用nodejs和express来处理所有的路由，只需在谷歌上搜索它，并提供大量的示例。

祝你好运

我想你的服务器不知道你的图像在哪里，我不知道你的代码在哪里指定。我建议您使用nodejs和express来处理所有的路由，只需在谷歌上搜索它，并提供大量的示例。

祝你好运

祝您好运

也许您可以决定在下面单独创建一个public/images目录，并将settings.gif以及任何其他图像复制到可以公开查看的图像目录中

接下来，您需要通过将这两行代码添加到node.js中，让node知道公共目录的静态引用在哪里

var publicDir = require('path').join(__dirname,'/public');
app.use(express.static(publicDir));

之后，图像可以在html中标记为

<html>
    <body>
        <img src="images/settings.gif" />
    </body>
</html>

也许您可以决定在下面单独创建一个public/images目录，并将settings.gif以及任何其他图像复制到可以公开查看的图像目录中

接下来，您需要通过将这两行代码添加到node.js中，让node知道公共目录的静态引用在哪里

var publicDir = require('path').join(__dirname,'/public');
app.use(express.static(publicDir));

之后，图像可以在html中标记为

<html>
    <body>
        <img src="images/settings.gif" />
    </body>
</html>

也许您可以决定在下面单独创建一个public/images目录，并将settings.gif以及任何其他图像复制到可以公开查看的图像目录中

接下来，您需要通过将这两行代码添加到node.js中，让node知道公共目录的静态引用在哪里

var publicDir = require('path').join(__dirname,'/public');
app.use(express.static(publicDir));

之后，图像可以在html中标记为

<html>
    <body>
        <img src="images/settings.gif" />
    </body>
</html>

也许您可以决定在下面单独创建一个public/images目录，并将settings.gif以及任何其他图像复制到可以公开查看的图像目录中

接下来，您需要通过将这两行代码添加到node.js中，让node知道公共目录的静态引用在哪里

var publicDir = require('path').join(__dirname,'/public');
app.use(express.static(publicDir));

之后，图像可以在html中标记为

<html>
    <body>
        <img src="images/settings.gif" />
    </body>
</html>

只有当服务器在本地正确运行时，这才有效？另外，端口3000的原因是什么？是的，它回答了本地服务器的问题，而3000只是一个示例端口号，您应该使用自己的端口（如果有定义的话）。只有当服务器在本地正确运行时，这才有效？另外，端口3000的原因是什么？是的，它回答了本地服务器的问题，而3000只是一个示例端口号，您应该使用自己的端口（如果有定义的话）。只有当服务器在本地正确运行时，这才有效？另外，端口3000的原因是什么？是的，它回答了本地服务器的问题，而3000只是一个示例端口号，您应该使用自己的端口（如果有定义的话）。只有当服务器在本地正确运行时，这才有效？另外，端口3000的原因是什么？是的，它回答了本地服务器的问题，3000只是一个示例端口号，您应该使用自己的端口（如果有定义的话）