vue得hash路由怎么改变历史记录

在 Vue 中，可以使用 `router.replace()` 方法来改变路由并更新历史记录。该方法会将当前路由替换为新的路由，并且不会在浏览器历史记录中留下记录。如果想要在浏览器历史记录中留下记录，可以使用 `router.push()` 方法。

如果您希望使用 hash 模式，在创建 Vue Router 实例时，需要将 mode 属性设置为 'hash'，如下所示：

const router = new VueRouter({
  mode: 'hash',
  routes: [...]
})

这样就可以使用 hash 模式的路由了。当使用 `router.replace()` 方法时，它会改变当前路由，并更新浏览器历史记录。例如，要将当前路由更改为 `'/new-route'`，可以使用以下代码：

router.replace('/new-route')

这将更新当前路由并将其添加到浏览器历史记录中。

相关问题

Vue的路由hash模式和 history模式的区别

Vue的路由hash模式和history模式的区别：

- Hash模式：路由路径中以“#”作为分隔符，#后面的内容为url的hash值。在url变化时，不会向服务器发送请求，只会在浏览器历史记录中添加一条记录，可以通过监听hashchange事件来进行前端路由跳转。

- History模式：路由路径中不带“#”，使用HTML5里的History API进行url的变化，变化时会向服务器发送请求，需要后端的支持，可以通过前端路由的pushState和replaceState等API来进行路由跳转。

总结来说，Hash模式可以兼容各种浏览器，并且不需要后端的支持；而History模式可以实现更加真实的url路径显示，但需要后端的支持。

vue中hash和history的区别

在Vue中，路由有两种模式：hash模式和history模式。它们的区别在于URL的格式不同。

在hash模式下，URL中会有一个#符号，例如：http://example.com/#/path。#符号后面的路径会被浏览器解释为页面内的一个锚点，不会向服务器发送请求。因此，当使用hash模式时，所有的路由都是由前端来处理的。

在history模式下，URL没有#符号，例如：http://example.com/path。这种模式使用了HTML5 History API，在浏览器的历史记录中生成一条记录，因此在浏览器中可以使用前进和后退按钮来操作路由。此模式下需要后端服务器的支持，因为服务器需要根据URL来返回相应的页面。

综上所述，hash模式适合前端项目，history模式适合需要与后端服务器交互的项目。