技術標籤：vuevue域名nginx

公司寫的網站要英文和中文的，或者入口網站需要移動端和PC端兩種佈局，所以就寫了兩個專案，都是用vue寫的單頁面專案，但是域名只有一個，所以就想把兩個vue專案合併到一個域名下面。

實現起來很簡單：

1.配置基本路徑：

第一個專案在vue.config.js 中 配置 publicPath: "/first/"
第二個專案在vue.config.js 中 配置 publicPath: "/second/"

2.伺服器上分別新建兩個專案資料夾

3.後臺nginx配置：

location ~ /(\w+) {
    try_files $uri $uri/ /$1/index.html
}
 

4.訪問路徑

http://demo.xx.com/first/   訪問第一個專案
http://demo.xx.com/second/   訪問第二個專案