zoukankan      html  css  js  c++  java
  • 如何用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同一目录下,否则会检索不到

  • 相关阅读:
    vue-cli模拟后台数据交互
    打卡谱
    前端面试题
    ps简单切图
    常见浏览器兼容性问题与解决方案
    扯淡 测量体质公式 哈哈哈哈会不会封我号
    JAVASCRIPT 转换字符串杂记
    日记(六)
    gitshell 基础操作
    gitshell fork别人项目
  • 原文地址:https://www.cnblogs.com/muou2125/p/10190118.html
Copyright © 2011-2022 走看看