Nginx教程6-適配PC或移動(dòng)設(shè)備

1.Nginx適配介紹

Ⅰ.目的:電腦瀏覽器訪問展示pc端的頁面,手機(jī)端瀏覽器訪問展示手機(jī)端的頁面,兩套頁面,兩個(gè)域名。

Ⅱ.作用:可以根據(jù)客戶設(shè)備的不同,顯示出體驗(yàn)更好的頁面。

2.Nginx適配設(shè)置:原理是Nginx通過內(nèi)置變量$http_user_agent,可以獲取到請(qǐng)求客戶端的userAgent,判斷目前處于移動(dòng)端還是PC端,進(jìn)而展示不同的頁面給用戶。

Ⅰ.在/usr/share/nginx/目錄下新建兩個(gè)文件夾,分別為:pc和mobile目錄

cd /usr/share/nginx
mkdir pc
mkdir mobile

在pc和miblic目錄下,新建兩個(gè)index.html文件,文件里下面內(nèi)容

//pc目錄下
<h1>welcome to pc!</h1>

//mobile目錄下
<h1>welcome to mobile!</h1>

Ⅱ.進(jìn)入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;
     }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Nginx適配PC或移動(dòng)設(shè)備 現(xiàn)在很多網(wǎng)站都是有了PC端和H5站點(diǎn)的,因?yàn)檫@樣就可以根據(jù)客戶設(shè)備的不同,顯示出體驗(yàn)...
    圓心角閱讀 1,886評(píng)論 0 4
  • 1.yum安裝依賴 yum -y install gcc gcc-c++ autoconf pcre-devel ...
    華爾街的主導(dǎo)曲閱讀 733評(píng)論 0 0
  • 前言 Nginx是當(dāng)前最流行的HTTP Server之一,根據(jù)W3Techs的統(tǒng)計(jì),目前世界排名(根據(jù)Alexa)...
    GarfieldEr007閱讀 5,574評(píng)論 4 22
  • by Janden.Ma at 2019-01本教程使用Linux(CentOS 7)作為操作系統(tǒng),建議配置Lin...
    JandenMa閱讀 1,042評(píng)論 0 0
  • 今晚看了王家奕媽媽的日記,她一天忙綠的身影,仿佛就在眼前,真心說一句,燕子你辛苦啦,祝愿兩位母親早日康復(fù),兩位寶...
    蘇筱瑜姥姥閱讀 137評(píng)論 0 3

友情鏈接更多精彩內(nèi)容