• 如何用nodejs启一个前端服务


    1、新建文件夹,如 notice

    2、新建页面和js文件,如 index.html server.js

    3、index.html页面内容随你写,如:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        你看到的这个页面是首页
    </body>
    </html>

    4、关键的 server.js

    var http=require('http'); //用来启服务
    var fs=require('fs'); //用来读取文件
    var root="C:/Users/Administrator/Desktop/notice" //你本地放index.html页面的文件路径
    
    //
    开启服务 var server=http.createServer(function(req,res){ var url=req.url; var file = root+url; fs.readFile(file,function(err,data){ if(err){ res.writeHeader(404,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write('<h1>404错误</h1><p>你要找的页面不存在</p>'); res.end(); }else{ res.writeHeader(200,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write(data);//将index.html显示在客户端 res.end(); } }) }).listen(8888); //端口号 console.log('服务器开启成功');

    5、输入命令启动服务: node server.js

    6、出现下图,说明服务启动成功

    7、打开浏览器,输入ip+端口号/文件名即可打开文件,如 127.0.0.1:8888/index.html

    8、如果还需新建文件,则新建的文件一定放在跟index.html同一目录下,否则会检索不到

  • 相关阅读:
    MySQL Binlog Digger 4.28 【mysql日志分析工具】
    为什么要把MySQL的binlog格式修改为row
    MySQL Binlog Digger与binlog2sql对比
    为什么MySQL binlog_format一定要设置成row
    mysql binlog 参数_MySQL Binlog常用参数
    解决webstorm不能识别vue的@路径引用
    Datetime and Interval Data Types
    管理视图
    oracle权限类型大全
    oracle监听器
  • 原文地址:https://www.cnblogs.com/muou2125/p/10190118.html
Copyright © 2020-2023  润新知