redirect.global.ts 1.0 KB

12345678910111213141516171819202122232425
  1. export default defineNuxtRouteMiddleware((to, from) => {
  2. // 仅在根路径 '/' 进行判断,避免循环重定向或其他页面被误伤
  3. if (to.path === '/' || to.path === '/web' || to.path === '/mobile') {
  4. // 获取 User-Agent
  5. // 注意:在 SSR 环境下,我们需要从请求头获取;在客户端导航时,使用 navigator
  6. let userAgent = ''
  7. if (process.server) {
  8. const headers = useRequestHeaders(['user-agent'])
  9. userAgent = headers['user-agent'] || ''
  10. } else {
  11. userAgent = navigator.userAgent
  12. }
  13. // 定义移动端正则匹配
  14. const isMobile = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
  15. // 执行重定向
  16. // 302: 临时重定向 (建议先用 302 测试,稳定后可改为 301)
  17. const target = isMobile ? '/mobile' : '/web'
  18. if (to.path !== target) {
  19. return navigateTo(target, { redirectCode: 302 })
  20. }
  21. }
  22. })