在vue中实现禁止回退上一步,路由不存历史记录

在Vue中实现禁止回退上一步，即路由不存历史记录是可以通过设置路由导航守卫来实现的。

首先，在路由配置文件中，我们需要设置`mode`为`history`，即使用HTML5的History模式，这样会去除URL中的#号，并且允许我们手动控制路由的历史记录。

接下来，我们可以利用`beforeEach`导航守卫来拦截路由的跳转，在每次路由跳转之前执行一段代码来判断是否允许进行跳转。我们可以通过`window.history.pushState()`来实现手动控制路由的历史记录。

下面是具体的代码实现：

import VueRouter from 'vue-router'

const router = new VueRouter({
  mode: 'history',
  routes: [
    // 路由配置
    // ...
  ]
})

router.beforeEach((to, from, next) => {
  if (from.path === to.path) {
    next(false)  // 禁止回退上一步
  } else {
    next()
  }
})

export default router

上述代码中，我们在每次路由跳转之前利用`beforeEach`导航守卫进行判断，如果`from.path`等于`to.path`，即当前路由和目标路由的路径相同，表示在同一个页面中进行操作，此时我们可以调用`next(false)`来禁止路由跳转。

这样，就可以实现在Vue中禁止回退到上一步，即路由不存历史记录的功能了。