分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

使用Node.js完成路由

发布时间:2023-09-06 01:38责任编辑:蔡小小关键词:jsNode

首先先看一下文件的结构:

我想通过改变不同的路由进不同的页面,

先看这几个HTML页面:

404:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Document</title></head><body>404</body></html>

 about:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Document</title></head><body>about</body></html>

  home:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Document</title></head><body>home</body></html>

  再看一下主要的root.js:

// 加载所需模块let http = require(‘http‘);let url = require(‘url‘);let fs = require(‘fs‘);let host = ‘127.0.0.1‘;let port = 8080;http.createServer(function(req,res){ ???let pathname = url.parse(req.url).pathname; ???console.log(‘Request for ‘ + pathname + ‘ received.‘); ???function showPaper(path,status){ ???????let content = fs.readFileSync(path); ???????res.writeHead(status, { ‘Content-Type‘: ‘text/html;charset=utf-8‘ }); ???????res.write(content); ???????res.end(); ???} ???switch(pathname){ ???????//‘首页‘ ???????case ‘/‘: ???????case ‘/home‘: ???????????showPaper(‘./rooter/home.html‘,200); ???????????break; ???????//‘about页‘ ???????case ‘/about‘: ???????????showPaper(‘./rooter/about.html‘,200); ???????????break; ???????//‘404页‘ ???????default: ???????????showPaper(‘./rooter/404.html‘,404); ???????????break; ???}}).listen(port, host);

  首先我们得到了路由的URL的pathname,然后通过pathname进行判断,这里是通过使用readFileSync同步读取文件内容的方法,再写到页面中的方法进行路由的转换,结果如下:

使用Node.js完成路由

原文地址:https://www.cnblogs.com/mmykdbc/p/8334116.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved