vue路由如何判断 user-agent

在 Vue 路由中，可以通过路由元信息（meta）来设置需要判断的 User-Agent 字符串。具体步骤如下：

1. 在路由配置中设置 meta 信息，用来存储需要判断的 User-Agent 字符串。

const routes = [
  {
    path: '/',
    component: Home,
    meta: {
      requiresBot: true
    }
  },
  {
    path: '/about',
    component: About,
    meta: {
      requiresBot: false
    }
  }
]

在上面的代码中，`meta.requiresBot` 表示该路由是否需要判断 User-Agent 是否为爬虫。如果 `requiresBot` 为 true，则需要判断 User-Agent；如果为 false，则不需要判断 User-Agent。

2. 在全局前置守卫中判断 User-Agent。

router.beforeEach((to, from, next) => {
  const requiresBot = to.matched.some(record => record.meta.requiresBot)
  if (requiresBot && navigator.userAgent.indexOf('bot') !== -1) {
    next('/404') // 跳转到 404 页面
  } else {
    next()
  }
})

在上面的代码中，`to.matched.some(record => record.meta.requiresBot)` 用来判断当前路由是否需要判断 User-Agent，如果需要，则继续判断 User-Agent 是否为爬虫。

如果 User-Agent 中包含 "bot" 字眼，则通过 `next('/404')` 跳转到 404 页面；否则，调用 `next()` 函数继续进行路由导航。

需要注意的是，上述代码中的 `navigator.userAgent` 是浏览器提供的 API，用于获取当前浏览器的 User-Agent 字符串。