新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改Nginx配置来实现自动跳转。
首先是新官网的Nginx配置文件加个跳转判断,通过user-agent判断来源是移动端还是PC端:
1 server { 2 listen 80; 3 server_name www.7d.com 7d.com; // 新官网域名 4 rewrite .* https://$host$request_uri last; 5 } 6 7 server { 8 listen 443 ssl; 9 server_name www.7d.com 7d.com; // 新官网域名 10 root /data/7d; 11 charset utf-8; 12 ssl_certificate /usr/local/nginx/_.7d.com.crt; 13 ssl_certificate_key /usr/local/nginx/_.7d.com.key; 14 15 rewrite /s1$ http://s1.7d.com/start last; 16 17 if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ // 跳转判断 18 rewrite ^/(.*)$ https://m.7d.com$uri redirect; // redirect表示302跳转(暂时性转移) 19 } 20 …… 21 }
然后是旧官网的配置文件改成新域名,同样要做跳转判断,把不是移动端访问的请求跳转回新官网。
1 server { 2 listen 80; 3 server_name m.7d.com; // 旧官网域名 4 rewrite .* https://$host$request_uri last; 5 } 6 7 server { 8 listen 443 ssl; 9 server_name m.7d.com; // 旧官网域名 10 root /data/7d; 11 charset utf-8; 12 ssl_certificate /usr/local/nginx/_.7d.com.crt; 13 ssl_certificate_key /usr/local/nginx/_.7d.com.key; 14 15 rewrite /s1$ http://s1.7d.com/start last; 16 17 if ( $http_user_agent !~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ // ~前加个!,如果不是移动端访问,则跳转回新官网。 18 rewrite ^/(.*)$ https://m.7d.com$uri redirect; // redirect表示302跳转 19 } 20 …… 21 }
这样就可以实现手机访问新官网7d.com的域名时,实际访问的是旧官网的内容。点击浏览器的地址栏,会发现域名是m.7d.com。
其实就是根据HTTP_USER_AGENT
来做判断,利用Nginx做一个302跳转,如果rewrite语句中的最后一个单词redirect改为permanent,则表示301跳转(永久性转移)
。