Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Cloud9:nodejs服务器映像未呈现(HTML)_Html_Image_Node.js_Cloud9 Ide - Fatal编程技术网

Cloud9:nodejs服务器映像未呈现(HTML)

Cloud9:nodejs服务器映像未呈现(HTML),html,image,node.js,cloud9-ide,Html,Image,Node.js,Cloud9 Ide,我在Cloud9IDE中有以下设置 项目根文件夹 Hello.html-包含简单的html标记(+图像标记)预览显示图像 HelloHtml.js-读取html文件并写入客户端的节点js文件(响应) Penguins.jpg-同一文件夹中的图像文件 当我运行该服务并点击浏览器中的URL时,HTML会显示为“Hello World!”。但是图像没有被渲染。img标记中的src=“”属性应该是什么 图像文件的路径应该是什么?多谢各位 HelloHtml.js var http = require('

我在Cloud9IDE中有以下设置

项目根文件夹

  • Hello.html-包含简单的html标记(+图像标记)预览显示图像
  • HelloHtml.js-读取html文件并写入客户端的节点js文件(响应)
  • Penguins.jpg-同一文件夹中的图像文件
  • 当我运行该服务并点击浏览器中的URL时,HTML会显示为“Hello World!”。但是图像没有被渲染。img标记中的src=“”属性应该是什么

    图像文件的路径应该是什么?多谢各位

    HelloHtml.js

    var http = require('http');
    var fs = require('fs');
    
    http.createServer(function(request, response) {
        response.writeHead(200, {
            'Content-Type': 'text/html'
        });
        fs.readFile('./Hello.html', function(err, data){
                if(err) throw err;
                response.end(data);
            });
    }).listen(process.env.PORT); 
    console.log('Hello World HTML Service has started.');
    
    Hello.html

    <html>
        <head>
            <title>Node JS</title>
        </head>
        <body>
            <h2>Hello world!</h2>
            <img src="Penguins.jpg" />
        </body>
    </html>
    
    
    节点JS
    你好,世界!
    
    您不是在处理代码中任何地方的静态文件,您只是在处理“hello.html”文件,不管:

    http.createServer(function(request, response) {
        response.writeHead(200, {
            'Content-Type': 'text/html'
        });
        fs.readFile('./Hello.html', function(err, data){
                if(err) throw err;
                response.end(data);
            });
    }).listen(process.env.PORT); 
    
    根据请求url制定路由方案,或者从这里使用一些静态文件服务器:


    我建议您看看Express,它也有路由处理功能:expressjs.com

    您不是在处理代码中任何地方的静态文件,您只是在处理文件“hello.html”,不管发生什么:

    http.createServer(function(request, response) {
        response.writeHead(200, {
            'Content-Type': 'text/html'
        });
        fs.readFile('./Hello.html', function(err, data){
                if(err) throw err;
                response.end(data);
            });
    }).listen(process.env.PORT); 
    
    根据请求url制定路由方案,或者从这里使用一些静态文件服务器:

    我建议你看看Express,它也有这个功能和路线处理:expressjs.com