vue3项目中的2种的路由模式

前言

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

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

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

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

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