Nuxt.js如何实现PC与移动端自动识别并跳转?
- 内容介绍
- 文章标签
- 相关推荐
本文共计730个文字,预计阅读时间需要3分钟。
目录+了解+问题+解决+了解+官网类网站,需考虑SEO。使用了nuxt.js的SSR开发。PC端和移动端分离,各自独立项目,部署在同一服务器上,绑定不同域名。问题+需判断
目录
- 了解
- 问题
- 解决
了解
官网类网站,需要考虑seo,使用了
nuxt.js的ssr开发。pc端和移动端分离了,相当于两个独立的项目,部署在同一个服务器上,绑定不同域名。
问题
需要判断当前设备,在两个端之前相互跳转。
解决
根据浏览器ua判断当前是否为移动设备:
let isMobile = (ua) => { return !!ua.match(/AppleWebKit.*Mobile.*/) }
因为接触Nuxt.js时间不长,也算不上深入。按直觉来吧:
第一版:在
default.vue里面mounted里面直接操作。
本文共计730个文字,预计阅读时间需要3分钟。
目录+了解+问题+解决+了解+官网类网站,需考虑SEO。使用了nuxt.js的SSR开发。PC端和移动端分离,各自独立项目,部署在同一服务器上,绑定不同域名。问题+需判断
目录
- 了解
- 问题
- 解决
了解
官网类网站,需要考虑seo,使用了
nuxt.js的ssr开发。pc端和移动端分离了,相当于两个独立的项目,部署在同一个服务器上,绑定不同域名。
问题
需要判断当前设备,在两个端之前相互跳转。
解决
根据浏览器ua判断当前是否为移动设备:
let isMobile = (ua) => { return !!ua.match(/AppleWebKit.*Mobile.*/) }
因为接触Nuxt.js时间不长,也算不上深入。按直觉来吧:
第一版:在
default.vue里面mounted里面直接操作。

