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

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;
     }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容