1. 程式人生 > >Nginx部署靜態頁面及引用圖片有效訪問的兩種方式

Nginx部署靜態頁面及引用圖片有效訪問的兩種方式

nbsp font image 核心 serve 易懂 很多 靜態 簡單

nginx安裝百度一下有很多,直接正題:

靜態文件目錄結構

file#文件位置 /home/service/file/

  css

  js

  images

  html

  fonts

配置nginx.conf核心代碼(html引用圖片用的是相對路徑)

第一種:實用型

server {
listen 80;
server_name localhost;

location ^~/image{
   root /home/;#圖片路徑
}

location / {
  root /home/service/file/html;

  index home.html;
}

第二種:簡單易懂

server {
listen 80;
server_name localhost;

location / {
  root /home/service/file/;#執行HTML和image的父級路徑
  index html/home.html;
}

Nginx部署靜態頁面及引用圖片有效訪問的兩種方式