vue3项目中的2种的路由模式_vue3.0 路由2种模式

作者：Guff_9hys | 2024-07-10 04:57:13

踩

vue3.0 路由2种模式

开发项目这么久，vue项目的history和hash者种有什么区别呢？？

history
1、history 路由模式一般用于商城系统的开发
2、优点：URL更加美观，不带有"#",更接近传统的网站URL，而且有利于SEO
3、缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误

const router =createRouter({
history:careateWebHistory(), // history模式
...
})
1
2
3
4

hash
1、一般用于后台管理系统上，后台管理对于网址美观没有影响要求
2、优点：兼容性更好，因为不需要服务器处理路径
3、URL带有"#"不太美观，且在SEO优化方面相对较差

const router =createRouter({
history:careateWebHashHistory(), // hash模式
...
})
1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/804886