码迷,mamicode.com
首页 > Web开发 > 详细

如何用nodejs启一个前端服务

时间:2018-12-28 14:06:32      阅读:377      评论:0      收藏:0      [点我收藏+]

标签:内容   initial   文件夹   view   一个   dex   utf-8   com   color   

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

 

如何用nodejs启一个前端服务

标签:内容   initial   文件夹   view   一个   dex   utf-8   com   color   

原文地址:https://www.cnblogs.com/muou2125/p/10190118.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!