Nginx配置——区分PC或手机访问不同域名以及http跳转https
新官网上线,但在手机上访问新官网的体验很差,要求在手机上访问新官网时访问旧官网,可以通过修改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跳转(永久性转移)
。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 全程使用 AI 从 0 到 1 写了个小工具
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)