router中 hash模式和 history 的区别:
不同的路由,,哈希值会被修改,但是不会向服务器发送新的请求,,VueRouter会监听 url中哈希值变化去匹配组件
hash模式优点:
- 兼容性好
- 简单配置,不需要额外的服务器配置
- 适用于单页面应用
缺点:
- url不够美观
- 不支持SSR(服务端渲染): 无法在服务器端进行路由匹配和渲染
hash模式适用于简单的应用程序,兼容性好且不需要额外的服务器配置,,
history模式适用于复杂的应用程序,提供了美观的url,需要服务器配置以支持服务端渲染
什么是服务端渲染:
SSR: server-side rendering ,是一种将网页内容在服务端生成并直接返回给客户端的技术
CSR : client-side rendering ,客户端渲染: 网页内容生成是在客户端,通常是浏览器中 进行的
比较:
- SSR 可以更快的呈现页面内容给用户,搜索引擎也能更好的索引服务端渲染的页面
- CSR ,客户端渲染中,初始页面由服务器返回的往往是一个简单的HTML骨架,然后在浏览器使用 javascript进一步数据获取或渲染,,这种方式导致初始加载时间较长,并且搜索引擎爬虫在获取网页内容的时候可能无法正确解析javascript生成的内容
vue-router配置404路由
:
冒号表示路径参数, pathMatch(.*)*
是一个特殊的占位符,表示匹配任何路径