hash和history都是运用于前后端项目分离的

要清楚两者的区别以及两者各自的使用场景,还有各自的使用特点和优缺点

hash是由#后面拼接的真实url路径

history是h5新增的特性

 hash // 浏览器里的形态:http://xx.com/#/about

 history // 浏览器里的形态:http://xx.com/about

const router = createRouter({

           history: createWebHashHistory(), // hash模式

          history: createWebHistory(), // history模式

     })

vue-router    主要有两种模式:主要有hash和history模式

差别主要在形式上,SEO和部署上的差别:

hash模式在地址栏上的形式,不会被搜索引擎处理

但history模式运用在大部分的web项目中,服务器要做回退处理,不然刷新是会出现404