Vue关于地址栏中的#问题

最新推荐文章于 2024-10-08 12:07:48 发布

虔诚的犀牛

最新推荐文章于 2024-10-08 12:07:48 发布

阅读量1.7k

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_38090036/article/details/106236552

版权

Vue关于地址栏中的#问题

路由的两种显示模式

hash模式

地址栏中包含#号，#号后面的不被后台获取，#号前面的地址一直不变，http没有获取到新的地址，就不会去访问后台数据库，避免了因为地址改变而频繁的访问后台

history模式（普遍使用的模式）

具有对url历史记录进行修改的功能

两种模式的比较

Hash模式可以避免频繁访问后台，但是因为地址栏中有#号，是一个特殊符号，所以在很多业务场合中特殊符号是不适用的，比如微信支付、当需要将地址栏作为参数传递时，特殊符号就不行传递。
History模式，也可以通过某种手段实现不频繁的访问后台，这是H5新的一种功能，具体的暂时不了解。但是history模式在处理页面不存在的情况时，会出现404错误，这个错误是要由后台去进行处理的，而hash模式，如果页面不存在，则不做任何处理。