在nuxt中离线时阻止导航

Question

当navigator.onLine为假时，如何防止用户导航到应用程序中的其他页面？

它可以通过如下插件使用：

app.router.beforeEach((to, from, next) => {
  if (!navigator.onLine) {
    console.log('Offline: route change prevented')
  } else {
    next()
  }
})

但是我更喜欢使用中间件或在nuxt.config.js文件的路由器配置中执行此操作。 但是，在中间件中的导航已经开始，因此我没有from重定向回去，并且确实不需要将其保存在商店中。