美文网首页
【翻译】Node.js 教程 —— 向客户端返回 HTML

【翻译】Node.js 教程 —— 向客户端返回 HTML

作者: kyuan | 来源:发表于2018-12-18 23:19 被阅读14次

    上节课使用自己创建的 Node 服务器发送数据到客户端,通过读取流用管道的方式将 readMe.txt 的内容发送到客户端。

    现实中的应用不会直接发送文本内容给客户端,取而代之会使用 HTML。

    继续之前的例子:

    • 首先我们创建 HTML 页面index.html
    • 然后修改app.js 的 Content-Type 为 text/html,浏览器会通过这个值去判断现在接受内容的格式是 HTML,如果还是保留纯文本,则会将 index.html 的所有内容按纯文本的方式显示。
    • readme.txt 改成 index.html
    'app.js`'
    var http = require('http');
    var server = http.createServer(function(req, res){
        var readStream = fs.createReadStream(__dirname + '/index.html', 'utf-8');
    
        res.writeHead(200, {
            'Content-Type': 'text/html'
        });
    
        readStream.pipe(res); // 管道方式发送 html 内容到客户端
    });
    
    server.listen(8888, '127.0.0.1'); // 监听本机上的 8888 端口
    
    console.log('server is listening 8888');
    

    最终运行 node app,打开浏览器就会看到 index.html 的内容

    相关文章

      网友评论

          本文标题:【翻译】Node.js 教程 —— 向客户端返回 HTML

          本文链接:https://www.haomeiwen.com/subject/lgnkkqtx.html