Nginx配置移动端和PC端自动跳转

最新推荐文章于 2025-04-22 09:23:50 发布

一乡风

最新推荐文章于 2025-04-22 09:23:50 发布

阅读量1.7k

点赞数 2

分类专栏： nginx 文章标签： nginx linux java

本文链接：https://blog.youkuaiyun.com/weixin_43228360/article/details/105323940

版权

nginx 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Nginx配置文件实现PC端与移动端网站的自动跳转，通过判断User-Agent信息，确保用户从正确的域名访问对应设备的网站版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Nginx配置PC端和移动端自动跳转

一、域名准备阶段

客户端	域名	描述
pc端	www.yxf.com	用于pc端访问的域名
移动端	m.yxf.com	用于移动端访问的域名

问题描述：pc端不管是访问www.yxf.com域名还是m.yxf.com域名都需要跳转到www.yxf.com域名下。

移动端不管是访问 m.yxf.com还是www.yxf.com下都需要要跳转到 m.yxf.com域名下

二、下面我们就来配置nginx

pc端nginx的conf配置

server {
        listen       443;
        server_name  www.yxf.com;

        ssl on;
        ssl_certificate      cert/common.pem;
        ssl_certificate_key  cert/common.key;

        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_ciphers  ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_prefer_server_ciphers  on;
	if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
             rewrite ^(.*) http://m.yxf.com$1 permanent;
        }


        location / {
            root   /home/yxf/pc;
            index  index.html;
        }
    }

移动端的nginx的conf配置

server {
        listen       443;
        server_name m.yxf.com;
	
	if ($http_user_agent !~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
            rewrite ^(.*) https://www.yxf.com$1 redirect;
       }

        ssl on;
        ssl_certificate      cert/common.pem;
        ssl_certificate_key  cert/common.key;

        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_ciphers  ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_prefer_server_ciphers  on;

        location / {
            root   /home/yxf/mobile;
            index  index.html;
        }
    }

上述需要注意的是，如果想让pc 跳转到移动或者移动跳转到 pc 是302 临时重定向，可以修改 permanent 为 redirect