1. 程式人生 > >nginx 中配置多個location並解決js/css/jpg/等的載入問題

nginx 中配置多個location並解決js/css/jpg/等的載入問題

ECS:阿里雲
系統:ubuntu 16.04
我的配置檔案位置:
/etc/nginx/conf.d/**.conf
我的靜態網頁的位置:
/var/www/**
html中載入的js之類的資料夾和index.html在一個資料夾中

配置檔案內容:

server {
  listen 80;
  server_name #你的網站IP或****.com;
  location /www1
  {
      alias /var/www/****;
      index index.html index.php index.htm;
  }
  location /www2
  {
      alias /var/www/**
**; index index.html index.php index.htm; } location ~ .*\.(jpg|jpeg|gif|png|ico|css|js|pdf|txt)$ { root /var/www/; proxy_temp_path /var/www/; }

配置好以後 重啟nginx

sudo nginx -s reload

這時候 要訪問第一個網頁 就是 IP/www1
要訪問第二的網頁就是 IP/www2
關於alias和root的區別:
root和alias是系統檔案路徑的設定。
root用來設定根目錄,而alias用來重置當前檔案的目錄。

location /img/ {
    alias /var/www/image/;
}
#若按照上述配置的話,則訪問/img/目錄裡面的檔案時,ningx會自動去/var/www/image/目錄找檔案
location /img/ {
    root /var/www/image;
}
#若按照這種配置的話,則訪問/img/目錄下的檔案時,nginx會去/var/www/image/img/目錄下找檔案。