【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router

 【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router_第1张图片

 

 【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router_第2张图片

Vue3代码 

APP文件中写入js代码

1、首先,通过isMobile()函数判断用户的设备类型。该函数使用正则表达式匹配navigator.userAgent字符串,以确定用户是在移动设备上访问网页还是在桌面设备上访问网页

2、然后,在onMounted()钩子函数中,根据当前的路由路径来判断是否需要进行重定向。如果当前路径是根路径('/')或移动端首页路径('/mobile_index'),则会进一步检查设备类型。
3、如果是移动设备,则通过router.replace('/mobile_index')将路由重定向到移动端首页。如果是桌面设备,则通过router.replace('/')将路由重定向到桌面端首页。

                    
                    

你可能感兴趣的:(javascript,css,正则表达式)