nginx 單個端口布置多個單頁應用
阿新 • • 發佈:2018-11-10
目標:
1、在80端口布署2個單頁應用
2、單頁應用採用h5 history路由。
3、位址列 以 'http://ip/1/' 開頭, 則 去第一個單頁應用,以‘http://ip/2/’開頭 去第二個單頁應用。
需要修改:
1、前端程式碼: 第一個單頁應用應以 1作為基礎路由,第二個單頁應用應以2作為基礎路由。例: 第一個應用中去 /home主頁,則位址列是 /1/home 。
2、打包檔案publicPath改為 '1',使引用路徑都加上/1/。例:
3、nginx配置如下:
server { listen 8000; server_name localhost; root D:/nginx/nginx-1.13.12/html; location^~/1/{ try_files $uri index1.html /index1.html; } location ^~/2/{ try_files $uri index2.html /index2.html; } location ^~/api/{ proxy_pass http://10.15.4.113:9000/; } }
html資料夾裡面結構:
│ index1.html │ index2.html │ tree.txt │ ├─1 │ ├─xxx │ └─2 |─xxx // 這兒是app2的檔案