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

 更新时间:2025年11月17日 09:05:41   作者:一乡风  
文章介绍了如何通过Nginx配置PC端和移动端自动跳转,PC端和移动端各有独立的域名,PC端访问任何域名时会跳转到www.yxf.com,移动端访问任何域名时会跳转到m.yxf.com,配置时需要修改Nginx的conf文件,使用302或301重定向

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

  1. 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;
        }
    }

  1. 移动端的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

  1. redirect – 返回临时重定向的HTTP状态302
  2. permanent – 返回永久重定向的HTTP状态301

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Nginx出现“Too many open files”问题的解决方法

    Nginx出现“Too many open files”问题的解决方法

    在进行压力测试时,自建CDN节点的Nginx可能会出现“Too many open files”错误,这通常意味着Nginx尝试打开的文件数量超出了系统的限制,本文将详细介绍如何识别和解决这一问题,确保Nginx在负载较高时仍能正常运行,需要的朋友可以参考下
    2024-10-10
  • 利用SSL配置Nginx反向代理的简单步骤

    利用SSL配置Nginx反向代理的简单步骤

    这篇文章主要给大家介绍了关于利用SSL配置Nginx反向代理的简单步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用Nginx具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • nginx处理http请求实现过程解析

    nginx处理http请求实现过程解析

    这篇文章主要介绍了nginx处理http请求实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • Nginx配置UDP代理的实现

    Nginx配置UDP代理的实现

    使用Nginx作为UDP代理可以帮助您实现数据包的转发和负载均衡,本文就详细的来介绍一下Nginx配置UDP代理,具有一定的参考价值,感兴趣的可以了解一下
    2023-08-08
  • Nginx速查手册及常见问题

    Nginx速查手册及常见问题

    Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡,这篇文章主要介绍了Nginx速查手册及常见问题,,需要的朋友可以参考下
    2022-04-04
  • Nginx启用Brotli算法压缩的示例

    Nginx启用Brotli算法压缩的示例

    这篇文章主要介绍了Nginx启用Brotli算法压缩的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • tomcat在nginx中的配置方式

    tomcat在nginx中的配置方式

    文章介绍了如何在Linux系统上安装和配置Tomcat,并通过Nginx进行代理,首先,下载并解压Tomcat压缩包,然后启动Tomcat并查看日志,接着,配置Nginx以代理Tomcat的8080端口,并确保80端口已开放,最后,重新加载Nginx配置并测试代理是否成功
    2024-12-12
  • nginx代理80端口不生效的解决方案

    nginx代理80端口不生效的解决方案

    如果你的 Nginx 代理配置了端口 80,并且访问时仍然显示默认的 Nginx 页面,可能有许多原因导致,本文给大家介绍了产生的原因和解决方案,具有一定的参考价值,需要的朋友可以参考下
    2024-02-02
  • Nginx路径重写方式

    Nginx路径重写方式

    这篇文章主要介绍了Nginx路径重写方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • 详解Nginx反向代理实现Kibana登录认证功能

    详解Nginx反向代理实现Kibana登录认证功能

    这篇文章主要介绍了详解Nginx反向代理实现Kibana登录认证功能,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06

最新评论