nodejs部署前端项目的方法

本文指导如何使用Node.js创建一个基本服务器,通过app.js配置静态文件服务,实现通过localhost:3000访问index.html。重点介绍了文件路径解析、内容类型检测和HTTP响应处理。

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

服务器需要安装:node
然后创建如下代码app.js文件

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
// 以上是系统命令,不需下载
// npm install mime 下载插件,解析文件类型,作用是防止低版本浏览器无法识别文件类型而导致的错误
const mime = require('mime');
// 创建服务器
const app = http.createServer();
// 服务器请求事件
app.on('request', (req, res) => {
        // 获取用户请求路径
        let pathname = url.parse(req.url).pathname;
        pathname = pathname == '/' ? '/index.html' : pathname;
        // 将用户请求的路径转换为服务器盘符实际路径 
        //如:c:\test\demo\index.html
        let realpath = path.join(__dirname, 'public' + pathname);
        // 解析文件类型
        let type = mime.getType(realpath);
        // 读取文件
        fs.readFile(realpath, (error, result) => {
            if (error != null) {
                res.writeHead(400, {
                    'content-type': 'text/html;charset=utf8'
                })
                res.end('文件读取失败!')
                    // 退出
                return;
            }
            // 设置文件类型
            res.writeHead(200, {
                    'content-type': type
                })
                // 输出
            res.end(result)
        })
    })
    // 设置端口号3000并进行监听
app.listen(3000);
console.log("服务器启动成功!");

文件编写好后,用PowerShell命令行切换到此app.js文件所在目录

node app.js

PowerShell输出----服务器启动成功! 就完成部署了
然后就可以在浏览器输入:localhost:3000(或者127.0.0.1:3000)即可访问你的index.html文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值