uniapp怎么修改路由hash模式

1. 什么是路由hash模式?

在前端单页面应用程序（SPA）中，路由就是管理页面跳转的机制。在传统的多页面应用程序中，每个页面都对应一个不同的URL地址，而在SPA中，页面的切换是通过路由实现的。

当我们在一个SPA中切换路由时，URL地址会发生变化。路由模式分为两种：history模式和hash模式。

Hash模式中，URL地址中以“#”为开始的部分就是hash值（也叫hash片段）。浏览器加载该网页时，实际上是加载整个HTML页面，然后通过JS在页面已有的DOM元素上进行操作，从而实现不同页面的显示，并通过hash值来完成URL的改变。

2. Uniapp中如何修改路由hash模式

默认情况下，Uniapp的路由模式是采用hash模式，我们可以在路由配置中设置mode属性，将mode属性值设置为history即可切换为history模式。以下是示例代码：

// router.js
import Vue from 'vue'
import Router from 'uni-simple-router'
Vue.use(Router)
const router = new Router({
    routes: [
        {
            path: '/home',
            name: 'home',
            component: () => import('@/pages/home/home.vue')
        },
        {
            path: '/about',
            name: 'about',
            component: () => import('@/pages/about/about.vue')
        }
    ],
    mode: 'history'
})
export default router

上述代码中，我们将mode属性设置为'history'，即可将路由模式改为history模式。

3. history模式和hash模式的区别

3.1 URL的不同

在hash模式下，URL中带有#符号，后面的部分就是hash值，而在history模式下，URL的结尾没有#符号。

比如在hash模式下，URL如下所示：

http://localhost:8080/#/home

而在history模式下，URL如下所示：

http://localhost:8080/home

3.2 刷新页面时的处理

在hash模式下，刷新页面时会重新加载整个页面，并且页面会回到顶端。而在history模式下，刷新页面时仍然停留在当前URL所对应的页面，不会重新加载整个页面。

3.3 兼容性问题

在早期的浏览器中，对于hash值的处理不太友好，容易出现问题。而在现代浏览器中，history模式已经成为主流。

4. 总结

本文介绍了Uniapp中如何修改路由hash模式，并对比了history模式和hash模式的区别。在实际开发中，需要根据具体的需求来选择路由模式。如果需要更好的兼容性和用户体验，可以考虑使用history模式。