vue3使用前置路由守卫网页一直加载

在Vue3中，你可以使用`beforeRouteEnter`和`beforeRouteUpdate`前置守卫来控制路由跳转。如果你的网页一直在加载，有可能是因为你没有在前置守卫中正确地处理异步逻辑。

在`beforeRouteEnter`守卫中，你可以通过传入一个回调函数来处理异步逻辑，这个回调函数会在组件实例化之前被调用。例如：

beforeRouteEnter(to, from, next) {
  // 异步加载数据
  fetchData(data => {
    // 回调函数中调用 next() 以继续路由跳转
    next(vm => vm.setData(data))
  })
}

在上面的例子中，我们通过调用`fetchData`异步加载数据，并在回调函数中调用`next`来继续路由跳转，并将加载的数据作为参数传递给组件实例。这样，在组件实例化之后，我们就可以使用这些数据来渲染页面。

如果你的网页仍然一直在加载，可能是因为你的异步逻辑存在一些问题，例如没有正确地处理异步回调函数，或者异步请求出现了错误。你可以使用浏览器开发者工具来查看网络请求和控制台输出，以确定问题所在。