码迷,mamicode.com
首页 > 移动开发 > 详细

nginx设置电脑手机访问相同网址页面不同

时间:2020-04-07 12:25:17      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:bsp   点击   var   webos   类型   rod   页面   black   功能   

先来个预览效果:

技术图片

原理:根据用户请求,在nginx中会判断用户请求终端是什么设备,默认不做处理,这里我们添加if语句判断,符合规则后端指向指定路径

打开nginx配置文件

}
    server {
        listen       80;
        server_name  www.test.com;
        charset utf-8;
        access_log  /var/log/nginx/www_test_com.access.log;
        location / {
        root     /home/prod/;
    if ($http_user_agent ~* ‘(Android|webOS|iPhone|iPod|BlackBerry)‘) {
            root /home/prod/mobile/;
        }
  
        }
        location /nginxstatus {
            stub_status on;
            access_log on;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

 

通过$http_user_agent来判断终端设备类型,

root /home/prod/mobile/                 #符合规则后端跳转路径



设置完成后我们修改本地hosts文件,把我们自定义的域名设置上,然后我们浏览器访问,我使用的是谷歌浏览器,谷歌浏览器有一个模拟手机用户的功能,鼠标右键,检查,左上角有一个手机标志,点击下页面就变成手机终端

 

nginx设置电脑手机访问相同网址页面不同

标签:bsp   点击   var   webos   类型   rod   页面   black   功能   

原文地址:https://www.cnblogs.com/yangzhaon/p/12652437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!