美文网首页一起学起来
nginx 移动端和pc端自动跳转

nginx 移动端和pc端自动跳转

作者: 阿亮私语 | 来源:发表于2017-10-12 14:52 被阅读688次

    场景

    域名 描述
    pc端 www.one.com 用于pc端访问官网
    移动端 m.one.com 用于移动端访问

    现在的需求是这样,在pc端访问www.one.comm.one.com都跳转到www.one.com
    而在移动端访问www.one.comm.one.com都跳转到m.one.com

    参考,github上的这篇文章很详细,但是比较复杂,很多场景我们用不到,所以参考这个,我修改如下。

    pc端:www.one.com

      server {
          listen       80;
          server_name  www.one.com;
    
          #charset koi8-r;
          #access_log  logs/host.access.log  main;
        # 下面根据user_agent可以获取
         if ($http_host !~ "^www.one.cn$") {
          rewrite  ^(.*)    http://www.one.cn$1 permanent;
         }
         if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
          rewrite  ^(.*)    http://m.one.com$1 permanent;
         }
        location / {
                root     /home/build/rampage-home-front/dist/html;
                index  index.html index.htm;
         }
    
    }
    

    作用部分代码如下:

     if ($http_host !~ "^www.one.cn$") {
      rewrite  ^(.*)    http://www.one.cn$1 permanent;
     }
     if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
      rewrite  ^(.*)    http://m.one.com$1 permanent;
     }
    

    移动端:m.one.com

      server {
          listen       80;
          server_name  m.one.cn;
    
          #charset koi8-r;
          #access_log  logs/host.access.log  main;
        #非移动端跳转到 www.one.com
         if ($http_user_agent !~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
          rewrite  ^(.*)    http://www.one.com$1 permanent;
         }
    
        location / {
            root     /home/build/rampage-mobile-front/dist;
            index  index.html index.htm;
          }
    }
    

    作用部分代码如下:

     if ($http_user_agent !~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
      rewrite  ^(.*)    http://www.one.com$1 permanent;
     }
    

    至此完成了相关配置

    相关文章

      网友评论

        本文标题:nginx 移动端和pc端自动跳转

        本文链接:https://www.haomeiwen.com/subject/ymxoyxtx.html