nginx設置電腦手機訪問相同網址頁面不同

先來個預覽效果：

原理：根據用戶請求，在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文件，把我們自定義的域名設置上，然后我們瀏覽器訪問，我使用的是谷歌瀏覽器，谷歌瀏覽器有一個模擬手機用戶的功能，鼠標右鍵，檢查，左上角有一個手機標志，點擊下頁面就變成手機終端