Nginx配置——区分PC或手机访问不同域名

新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改Nginx配置来实现自动跳转。

首先是新官网的Nginx配置文件加个跳转判断,通过user-agent判断来源是移动端还是PC端:

server {
    listen 80;
    server_name www.tanqub.com tanqub.com; // 新官网域名
    rewrite .* https://$host$request_uri last;
}

server {
    listen       443 ssl;
    server_name www.tanqub.com tanqub.com;  // 新官网域名
    root  /data/tanqub;
    charset utf-8;
    ssl_certificate /usr/local/nginx/_.tanqub.com.crt;
    ssl_certificate_key /usr/local/nginx/_.tanqub.com.key;

    rewrite /s1$ http://tanqub.com/start last;

    if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ // 跳转判断
        rewrite  ^/(.*)$  https://m.tanqub.com$uri redirect; // redirect表示302跳转(暂时性转移) 
    }     
    ……
}

然后是旧官网的配置文件改成新域名,同样要做跳转判断,把不是移动端访问的请求跳转回新官网。

server {
    listen 80;
    server_name m.tanqub.com; // 旧官网域名
    rewrite .* https://$host$request_uri last;
}

server {
    listen       443 ssl;
    server_name m.tanqub.com;  // 旧官网域名
    root  /data/tanqub;
    charset utf-8;
    ssl_certificate /usr/local/nginx/_.tanqub.com.crt;
    ssl_certificate_key /usr/local/nginx/_.tanqub.com.key;

    rewrite /s1$ http://m.tanqub.com/start last;

    if ( $http_user_agent !~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ // ~前加个!,如果不是移动端访问,则跳转回新官网。
        rewrite  ^/(.*)$  https://www.tanqub.com$uri redirect; // redirect表示302跳转
    }     
    ……
}

这样就可以实现手机访问新官网7d.com的域名时,实际访问的是旧官网的内容。点击浏览器的地址栏,会发现域名是m.tanqub.com。

其实就是根据HTTP_USER_AGENT来做判断,利用Nginx做一个302跳转,如果rewrite语句中的最后一个单词redirect改为permanent,则表示301跳转(永久性转移)。

联系我们

邮箱 626512443@qq.com
电话 18611320371(微信)
QQ群 235681453

Copyright © 2015-2024

备案号:京ICP备15003423号-3