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