不同设备访问不同的网页地址
前端处理(笨办法)
通过navigator.userAgent
就可以获取到用户的设备从而进行跳转
// 获取用户设备字符串
var userAgent = navigator.userAgent;// 检测是否是移动设备
var isMobile = /Mobi|Android/i.test(userAgent);// 定义目标URL
var desktopUrl = 'https://www.xxxxxxx.com/desktop';
var mobileUrl = 'https://www.xxxxxxx.com/mobile';// 根据设备类型重定向到相应的URL
if (isMobile) {window.location.href = mobileUrl;
} else {window.location.href = desktopUrl;
}
nginx配置(推荐)
使用Nginx
的$http_user_agent
变量和条件指令来实现
server {......location / {# 检查用户代理是否包含移动设备相关的关键词if ($http_user_agent ~* "Mobi|Android") {# 如果是移动设备,重定向到移动版网页return 302 https://m.xxxxxxx.com$request_uri;}}
}
或者域名不变
http {......map $http_user_agent $isMobile {default 0;~*Mobi|Android 1;}server {......location / {# 默认访问PCroot /www/PC/....# 检查$isMobile变量是否为1,即是否是移动设备if ($isMobile = 1) {# 如果是移动设备,重定向到移动版网页root /www/Mobi/....}}}
}