目錄個人總結了3種方法來實現在一台伺服器上使用nginx部署多個前端專案的方法。
在正式開始之前，我們先來看一下nginx安裝的預設配置檔案： /etc/nginx/nginx.conf 檔案
可以看到圖中的：include /usr/nginx/modules/*.conf，這句話的作用就是可以在nginx啟動載入所有 /usr/nginx/modules/ 目錄下的 *.conf 檔案。 所以，平時我們為了方便管理，可以在此目錄下面定義自己的 xx.conf 檔案即可。但是注意，一定要以.conf 結尾。
介紹完畢，下面我們先來說一下最常用，也是許多公司線上使用的方式。
基於網域名稱配置，前提是先配置好了網域名稱解析。比如說你自己買了乙個網域名稱：www.fly.com。 然後你在後台配置了2個它的二級網域名稱： a.fly.com、 b.fly.com。配置檔案如下：
vim /usr/nginx/modules/a.conf
server
}
vim /usr/nginx/modules/b.conf
server
}
配置檔案如下：
vim /usr/nginx/modules/a.conf
server
}# nginx 80埠配置 （監聽a二級網域名稱）
server
}
vim /usr/nginx/modules/b.conf
server
}# nginx 80埠配置 （監聽b二級網域名稱）
server
}
配置檔案如下：
vim /usr/nginx/modules/ab.conf
server
location /web-b
}
注意： 這種方式配置的話，location / 目錄是root，其他的要使用alias。可以看到，這種方式的好處就是我們只有乙個server，而且我們也不需要配置二級網域名稱。並且前端專案裡要配置
二級目錄react 配置請參考：
vue 配置請參考：
返回頂部↑
使用nginx部署前端專案
當前環境 centos7 安裝相關依賴 yum install gcc c pcre perl compatible regular expressions 是乙個perl庫，包括 perl 相容的正規表示式庫。nginx 的 http 模組使用 pcre 來解析正規表示式，所以需要在 linux ...
使用nginx部署多個前端專案（三種方式）
使用nginx部署多個前端專案 個人總結了3種方法來實現在一台伺服器上使用nginx部署多個前端專案的方法。在正式開始之前，我們先來看一下nginx安裝的預設配置檔案 etc nginx nginx.conf 檔案 可以看到圖中的 include usr nginx modules conf，這句話...
如何在NGINX中部署多個前端專案
nginx中單設定乙個web前端很容易，改變埠，改變root指向基本就搞定了，那麼，假設我們有多個前端專案部署在同乙個網域名稱下，該怎麼設定呢？1.先假設我們有乙個應用，http domain就可以訪問了，現在改版了希望可以訪問舊的應用http domain，同時也可以通過http domain n...