Vue Router哈希模式和历史模式
创始人
2024-11-14 18:05:59
0次

Vue官方文档

哈希模式（hash mode）

特点

  • URL 格式：使用 # 符号分隔路径，哈希值之后的部分由客户端解析。
https://example.com/#/about
  • 无需服务器配置：哈希值部分不会被发送到服务器，因此不需要额外的服务器配置。
  • 浏览器支持广泛：兼容所有现代浏览器以及一些老旧浏览器。
  • SEO 不友好：URL 中的 # 符号对搜索引擎不友好，影响 SEO。

工作原理

浏览器在哈希值发生变化时不会重新加载页面，只会触发 hashchange 事件，客户端脚本（如 Vue Router）可以捕捉并处理这个事件来进行导航。

适用场景

  • 适用于不需要 SEO 支持的项目。
  • 适用于不便或无法配置服务器的项目。

历史模式（history mode）

特点

  • URL 格式：使用正常的路径格式，没有 # 符号。
https://example.com/about
  • 需要服务器配置：需要配置服务器来处理所有路由请求，返回应用的主页面。
  • SEO 友好：URL 结构对搜索引擎友好，有助于 SEO。
  • 依赖 HTML5 History API：利用 pushState 和 replaceState 来管理历史记录，需要现代浏览器支持。

工作原理

浏览器通过 HTML5 History API 管理历史记录和导航。路径的变化会更新浏览器的地址栏，但不会重新加载页面，客户端脚本（如 Vue Router）处理路径变化。

为了支持历史模式，服务器需要配置来处理所有路由请求。例如，在 Nginx 中：

server {   listen 80;   server_name example.com;    location / {     try_files $uri $uri/ /index.html;   } }

拓展

SEO（Search Engine Optimization，搜索引擎优化）是一系列提高网站在搜索引擎中自然排名的策略和技术。SEO 的目标是通过优化网站内容和结构，使其在搜索引擎结果页面（SERP）中的排名更高，从而吸引更多的有针对性的自然流量。

上一篇：Day3-shell脚本编程

下一篇：力扣第四十九题——字母异位词分组

相关内容

热门资讯

秒懂教程！微信上链接炸金花房卡... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
秒懂教程！微信上链接牛牛房卡，... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
秒懂教程！微信牛牛房卡在哪里买... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享受...
秒懂教程！炸金花微信房卡怎么购... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
秒懂教程！微信牛牛房卡购买联系... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
秒懂教程！炸金花房卡购买联系方... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享...
秒懂教程！微信的炸金花房卡怎么... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
秒懂教程！微信拼三张房卡哪里有... 拼三张是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享...
秒懂教程！微信买链接牛牛房卡，... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享受...
秒懂教程！拼三张房卡链接在哪买... 拼三张是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
秒懂教程！微信炸金花购买房卡，... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享...
秒懂教程！微信玩拼三张怎么买房... 拼三张是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享...
秒懂教程！微信买链接炸金花房卡... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
秒懂教程！微信斗牛购买房卡方法... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
秒懂教程！炸金花微信链接房卡，... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享...
秒懂教程！怎么创建牛牛房间房卡... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享受...
秒懂教程！斗牛微信房卡怎么购买... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
秒懂教程！微信牛牛房间卡在哪买... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享受...
秒懂教程！微信斗牛购买房卡方法... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享受...
秒懂教程！微信牛牛房卡在哪里买... 斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...