nginx配置不同设备访问不同地址

最新推荐文章于 2024-07-11 17:22:29 发布

tadpole坤

最新推荐文章于 2024-07-11 17:22:29 发布

阅读量287

点赞数 3

文章标签： nginx 运维

本文链接：https://blog.csdn.net/autchan/article/details/138128475

版权

不同设备访问不同的网页地址

前端处理（笨办法）

通过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 / {
        	# 默认访问PC
        	root /www/PC/....
            # 检查$isMobile变量是否为1，即是否是移动设备
            if ($isMobile = 1) {
                # 如果是移动设备，重定向到移动版网页
               	root /www/Mobi/....
            }
        }
    }
}