区分前端框架中的两种路由模式:hash 模式和 history 模式

Hash 模式

优点：

• 简单易用：不需要服务器配置，直接使用 # 符号来管理路由。

• 兼容性好：支持所有浏览器，包括较老的版本。

缺点：

1. URL不美观：URL 中包含 # 符号，不够简洁。

2.SEO不友好：搜索引擎对 # 后面的内容不敏感，可能影响 SEO。

History 模式

优点：

1. URL美观：没有 # 符号，URL 更加简洁。

2.SEO友好：搜索引擎可以抓取到完整的 URL，有利于 SEO。

缺点：

1. 需要服务器配置：需要在服务器上配置支持，否则刷新页面会导致 404 错误。

2.兼容性问题：在不支持 HTML5 History API 的浏览器中可能需要降级处理。

 

SEO（Search Engine Optimization），即搜索引擎优化，是指通过优化网站的内容和结构，提高网站在搜索引擎结果页面中的排名，从而增加网站的可见性和访问量。SEO的主要目标是吸引更多的自然流量（非付费流量）。

主要组成部分：

1. 关键词优化：
   - 选择和使用与目标用户搜索习惯相关的关键词。

2. 内容质量：
   - 提供高质量、相关性强的内容，满足用户需求。

3. 网站结构优化：
   - 确保网站结构清晰，易于搜索引擎抓取和索引。

4. 外部链接建设：
   - 获取其他高质量网站的链接，提高网站的权威性。

5. 技术优化：
   - 提高网站加载速度，确保移动设备友好，使用合适的标签和元数据。

通过有效的SEO策略，可以提高网站的搜索引擎排名，增加曝光率和用户访问量。
 

 

history为啥需要后端配合，而hash不用: 

Hash 模式

• 工作原理：使用 URL 中的 # 符号（例如：example.com/#/about）。

• 浏览器行为：# 后面的部分不会被发送到服务器，浏览器只在客户端解析它。

• 无需后端配置：因为服务器只接收到 # 之前的 URL 部分，所有路由逻辑都在客户端处理。

History 模式

• 工作原理：使用 HTML5 History API，URL 看起来像常规路径（例如：example.com/about）。

• 浏览器行为：完整的 URL 会被发送到服务器。

• 需要后端配置：如果用户直接访问一个子路径（如 /about），服务器需要配置将所有请求重定向到应用的入口文件（通常是 index.html），否则会返回 404 错误，因为服务器默认会尝试查找与路径匹配的资源。