【九月打卡】第七天 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. 且路由系统难以管理