手记

【九月打卡】第七天 SPA路由工作流程

课程:React18 系统精讲

章节:hooks

讲师:阿莱克斯刘

课程内容:

1. 什么是SPA
	a. PSA即单页面应用,在服务器中是一个文件夹,包含了项目所有文件(HTML、CSS、JavaScript)
	b. JavaScript劫持浏览器路由,生成虚拟路由来渲染页面
	c. 符合亲后端分离的趋势,服务器不再负责UI输出,专注于数据支持
	d. 同时支持桌面App、手机App、网站App
2. 什么是路由
	a. 当浏览器的URL发送变化时,浏览器的页面也会发生变化
	b. 这个连接URL与页面变化的就是路由
3. 在前后端分离的项目中,路由工作方式,如下:
	a. 项目服务器分为:前端服务器、后端服务器
	b. 浏览器向前端服务器请求UI,向后端服务器请求数据
	c. 前端服务器:
		i. 前端服务器中,有一个SPA文件,里边包含所有HTML、CSS、JavaScript文件,即前端项目
		ii. 前端服务器将SPA文件发给浏览器
		iii. SPA文件会劫持浏览器的路由变化,然后展示相应的页面
	d. 后端服务器:
		i. 只会访问数据库,提供相应数据
		ii. 不会提供路由支持
1. 传统路由工作方式
	a. 当URL变化,服务器会返回相应的CSS、HTML、JavaScript文件
2. 缺点:
	a. 会直接暴露服务器的文件夹结构,十分危险
	b. 且路由系统难以管理
0人推荐
随时随地看视频
慕课网APP