Nodejs + Express 判断url指向不同的html页面

Node.js简易服务器搭建

最新推荐文章于 2025-02-22 20:49:02 发布

原创最新推荐文章于 2025-02-22 20:49:02 发布 · 2.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Nodejs #Express #url #html

nodejs 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一个使用Node.js和Express框架搭建的简易Web服务器。该服务器监听8080端口，能根据不同的URL路径返回相应的HTML页面。具体实现了首页、登录页及404页面的展示。

server.js

var express = require('express');
var fs = require('fs');
var app = express();
var hostName = '127.0.0.1';
var port = 8080;

app.use(function(req, res) {

    const url = req.url;
    console.log('当前请求的url是：', url);

    res.setHeader('Content-Type', 'text/html');

    if (url === '/' || url === '/index') {

        fs.readFile('./public/index.html', 'utf-8', function(err, data) {
            if (err) {
                throw err;
            }
            res.send(data);
        });

    } else if (url === '/login') {

        fs.readFile('./public/login.html', 'utf-8', function(err, data) {
            if (err) {
                throw err;
            }
            res.send(data);

    } else {

        fs.readFile('./public/notFount.html', 'utf-8', function(err, data) {
            if (err) {
                throw err;
            }
            res.send(data);
        });
    }

});

app.listen(port, hostName, function() {

    console.log(`服务器运行在http://${hostName}:${port}`);

});

文件目录结构

test/
├── server.js
│   
├── public/
│   ├── index.html 
│   ├── login.html
│   └── notFount.html 
│ 
└── node_modules/
    ├── ...
    ├── ...
    └── ...

访问方式
http://127.0.0.1:8080/
http://127.0.0.1:8080/index
http://127.0.0.1:8080/login
http://127.0.0.1:8080/xxxx