vue 路由器history和hash工作模式

vue3中路由器的工作模式

主要有两种，history和hash模式

history vue2 -> model:history

vue3 -> history:createWebHistory()

React:BrowserRouter

history具有的优点：URL更加美观，不带有#，更接近传统网站URL

缺点：后期项目上线，需要服务器配合处理路径问题，否则刷新会有404错误

处理方法：在nginx.conf中配置

location / {

　　root /root/gshop;

　　index index.html

　　try_files $rui $uri/ /index.html

}

hash模式的优缺点:

优点：兼容性更好，因为不需要服务器端处理路径。

缺点：URL带有#不太美观，且在SEO优化方面相对较差