新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改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跳转(永久性转移)。