新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改Nginx配置来实现自动跳转。
首先是新官网的Nginx配置文件加个跳转判断,通过user-agent判断来源是移动端还是PC端:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
server { listen ; server_name www.7d.com 7d.com; // 新官网域名 rewrite .* https://$host$request_uri last; } server { listen ssl; server_name www.7d.com 7d.com; // 新官网域名 root /data/7d; charset utf-; 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跳转(暂时性转移) } …… } |
然后是旧官网的配置文件改成新域名,同样要做跳转判断,把不是移动端访问的请求跳转回新官网。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
server { listen ; server_name m.7d.com; // 旧官网域名 rewrite .* https://$host$request_uri last; } server { listen ssl; server_name m.7d.com; // 旧官网域名 root /data/7d; charset utf-; 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跳转(永久性转移)
。