如何用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同一目录下,否则会检索不到

 

转载于:https://www.cnblogs.com/muou2125/p/10190118.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值