Nuxt.js如何实现PC与移动端自动识别并跳转?

更新于
2026-09-24 22:45:44
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计730个文字,预计阅读时间需要3分钟。

Nuxt.js如何实现PC与移动端自动识别并跳转?

目录+了解+问题+解决+了解+官网类网站,需考虑SEO。使用了nuxt.js的SSR开发。PC端和移动端分离,各自独立项目,部署在同一服务器上,绑定不同域名。问题+需判断

目录
  • 了解
  • 问题
  • 解决

了解

官网类网站,需要考虑seo,使用了 nuxt.jsssr 开发。pc端和移动端分离了,相当于两个独立的项目,部署在同一个服务器上,绑定不同域名。

问题

需要判断当前设备,在两个端之前相互跳转。

Nuxt.js如何实现PC与移动端自动识别并跳转?

解决

根据浏览器ua判断当前是否为移动设备:

let isMobile = (ua) => { return !!ua.match(/AppleWebKit.*Mobile.*/) }

因为接触Nuxt.js时间不长,也算不上深入。按直觉来吧:

第一版:在 default.vue里面 mounted 里面直接操作。

阅读全文

本文共计730个文字,预计阅读时间需要3分钟。

Nuxt.js如何实现PC与移动端自动识别并跳转?

目录+了解+问题+解决+了解+官网类网站,需考虑SEO。使用了nuxt.js的SSR开发。PC端和移动端分离,各自独立项目,部署在同一服务器上,绑定不同域名。问题+需判断

目录
  • 了解
  • 问题
  • 解决

了解

官网类网站,需要考虑seo,使用了 nuxt.jsssr 开发。pc端和移动端分离了,相当于两个独立的项目,部署在同一个服务器上,绑定不同域名。

问题

需要判断当前设备,在两个端之前相互跳转。

Nuxt.js如何实现PC与移动端自动识别并跳转?

解决

根据浏览器ua判断当前是否为移动设备:

let isMobile = (ua) => { return !!ua.match(/AppleWebKit.*Mobile.*/) }

因为接触Nuxt.js时间不长,也算不上深入。按直觉来吧:

第一版:在 default.vue里面 mounted 里面直接操作。

阅读全文