如何用nodejs启一个前端服务

最新推荐文章于 2024-09-18 00:43:34 发布

转载最新推荐文章于 2024-09-18 00:43:34 发布 · 955 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/muou2125/p/10190118.html

文章标签：

#前端 #javascript #ViewUI

本文详细介绍如何使用Node.js创建一个简单的HTTP服务器，包括设置文件夹、编写HTML与JS文件，以及利用http模块监听请求并响应。通过步骤指导，读者可以学会在本地搭建服务器，并通过浏览器访问自定义页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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('服务器开启成功');