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目录下

welcome to pc!

//mobile目录下

welcome to mobile!

Ⅱ.进入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或移动设备)