实现多个页面跳转

最新推荐文章于 2024-04-19 11:46:49 发布

a_gust_wind

最新推荐文章于 2024-04-19 11:46:49 发布

阅读量634

点赞数

分类专栏： node.js 文章标签： javascript 前端 node.js

本文链接：https://blog.csdn.net/a_gust_wind/article/details/120894692

版权

node.js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

01.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>我说的是付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付</p>
		<div id="aa">点我跳转
			<a href="http://127.0.0.1:8000/back">点我</a>
		</div>
	</body>
</html>

02.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="aa">
			<p>吾问无为谓无无无无无无无无无无无无无无无无无无无无无无无无无</p>
		</div>
	</body>
</html>

01.js

const http = require('http')
const fs = require('fs')
let server = http.createServer();
server.on('request',function(req,res){
	if(req.url=='/back'){
		fs.readFile('./02.html',function(err,data){
			// res.setHeader('content-type','text/html;charset=utf-8');
			res.end(data)
		})
	}
	else if(req.url=='/'){
		fs.readFile('./01.html',function(err,data){
			// res.setHeader('content-type','html/text;charset=utf-8');
			if(err){console.log(err)}
			res.end(data)
		})
	}
	else if(req.url=='/favicon.ico'){
		res.end()
	}
	else{
		fs.read('.'+req.url,function(err,data){
			res.end(data)
		})
	}
})

server.listen(8000,function(){
	console.log('启动')
})

总结:页面跳转用超链接

<a href="http://127.0.0.1:8000/back">点我</a>

出现的问题：
content-type 设置为 html/text 返回的是个下载的文本文件，没有渲染成网页res.setHeader(‘content-type’,‘html/text;charset=utf-8’);

res.setHeader(‘content-type’,‘text/html;charset=utf-8’);设置成这个才是返回的网页不设置的话默认也渲染成网页

a_gust_wind

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现多个页面跳转

01.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>我说的是付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付</p> <div id="aa">点我跳转 <a href="
复制链接

扫一扫