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

作者：袖梨 2022-06-30

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

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

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

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

  rewrite /s1$ http://s1.7d.com/start last;

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

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

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

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

  rewrite /s1$ http://s1.7d.com/start last;

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

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

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