1. 程式人生 > WINDOWS開發 >nginx 搭建圖片伺服器(windows 下,linux 下原理應該一樣)

nginx 搭建圖片伺服器(windows 下,linux 下原理應該一樣)

作者的心聲:很多知道的、用過的東西,不寫下來,下次還要百度查詢,浪費時間和精力,故本次寫下學習筆記,方便下次查閱。

題外話:如有讀者通過我這篇部落格解決了工作上的難題,可以給個評論,讓我一起分享你的喜悅心情。

本文主要記錄使用 nginx搭建圖片伺服器(使用網路地址訪問一張圖片)的過程,為了方便快速看到效果,直接使用windows 版本,至於linux ,原理是相通的。

1、下載windows 版本的nginx,注意下載穩定版本,下載地址: http://nginx.org/en/download.html。 下載介面如下:

技術分享圖片

下載後的檔案

技術分享圖片

2、解壓縮命令列進入解壓目錄,使用命令啟動、停止nginx ,確保軟體沒有問題。

  (1)啟動命令:start nginx;

(2)檢視程序

使用命令:tasklist /fi "imagename eq nginx.exe" 來檢視nginx程序,出現下圖的畫面,證明nginx啟動成功。

技術分享圖片

(3)驗證服務

nginx預設監聽的埠為80,可以根據需要自行修改,後面會講怎麼修改,我們先在瀏覽器輸入地址 :http://localhost:80/或者http://127.0.0.1

出現如下圖所示的畫面,說明nginx服務正常。

技術分享圖片

(4)使用命令 nginx -s stop停止服務,重複(2),(3),此時服務不可訪問,截圖如下。

    技術分享圖片

技術分享圖片

3、開始配置圖片服務(這才是重點)

(1)開啟修改配置檔案nginx.conf

   新增3行程式碼來配置本地圖片路徑,配置完畢後此路徑下面的檔案就可以訪問了,命令如下(可以直接貼上,按需要修改你的檔案路徑)。

    

location /tile/ {
alias E:/tools/firefox/nginx-1.18.0/tile/;
}

  新增的位置如下圖:

技術分享圖片

  (2)上一步配置的資料夾下放入我們要訪問的圖片,示例:chaoming.png,截圖如下

技術分享圖片

(3)重新啟動nginx服務,訪問地址為:http://localhost:80/tile/chaoming.png,其中tile

為上一步配置的,location /tile/ {...},效果如下圖。

    技術分享圖片

(4) 當然我們也可以訪問上述配置檔案的子資料夾下的圖片,我將圖片移入到下層的子資料夾img下,如下圖

    技術分享圖片

訪問路徑隨著改變為:http://localhost:80/tile/img/chaoming.png

    技術分享圖片

    至此,我們的圖片伺服器搭建完畢。