如何使用localhost node.js

时间:2019-04-21 20:52:21

标签: javascript html node.js

当我通过node运行.js文件时,我是node.js的新手,试图弄清楚如何显示编码到html文件中的图像。

我在HTML中的图像代码在标题中:

<center><img src="401kpiggybank.png" alt="Logo"></center>

以及我的server.js文件中的代码:

var http = require('http');
var fs = require('fs');
var url = require('url');
var path = require('path');
const PORT = 8080;

fs.readFile('<long file path here>', function (err, html){

    if (err) throw err; 

    http.createServer(function(request, response){
        response.writeHeader(200, {"Content-Type": "text/html"});
        response.write(html)
        response.end();
    }).listen(PORT)

})

我知道html页正在工作,因为所有其他元素(这是一个401k计算器)都可以正确显示,这只是我遇到麻烦的.png文件。

我尝试使用Google搜索,并试图使它正常运行,但我无法显示它。此外,图像与html和js文件位于同一目录中。

任何帮助将不胜感激。

编辑:我在快递上的失败尝试如下:

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

为此,我将图像文件添加到名为images的文件夹中。然后,当我说Cannot find module 'express'时出现错误。我做了npm express,一切似乎都还好,我不确定从这儿去哪里。

最终编辑:我尝试更改节点的PATH,以及将express module文件夹移到我的html / js文件所在的文件夹中。
仍然返回错误。至于现在,我放弃了,继续前进。

我仍将话题保持打开状态。

0 个答案:

没有答案