美文网首页
Nginx教程6-适配PC或移动设备

Nginx教程6-适配PC或移动设备

作者: 夜半暖人心 | 来源:发表于2019-10-31 19:16 被阅读0次

    1.Nginx适配介绍

    Ⅰ.目的:电脑浏览器访问展示pc端的页面,手机端浏览器访问展示手机端的页面,两套页面,两个域名。

    Ⅱ.作用:可以根据客户设备的不同,显示出体验更好的页面。

    2.Nginx适配设置:原理是Nginx通过内置变量$http_user_agent,可以获取到请求客户端的userAgent,判断目前处于移动端还是PC端,进而展示不同的页面给用户。

    Ⅰ.在/usr/share/nginx/目录下新建两个文件夹,分别为:pc和mobile目录

    cd /usr/share/nginx
    mkdir pc
    mkdir mobile
    

    在pc和miblic目录下,新建两个index.html文件,文件里下面内容

    //pc目录下
    <h1>welcome to pc!</h1>
    
    //mobile目录下
    <h1>welcome to mobile!</h1>
    

    Ⅱ.进入etc/nginx/conf.d目录下,修改8001.conf文件,改为下面的形式:

    server{
         listen 80;
         server_name nginx.lubaojun.com;
         location / {
          root /usr/share/nginx/pc;
          if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
             root /usr/share/nginx/mobile;
          }
          index index.html;
         }
    }
    

    相关文章

      网友评论

          本文标题:Nginx教程6-适配PC或移动设备

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