1. 程式人生 > >nginx 單個端口布置多個單頁應用

nginx 單個端口布置多個單頁應用

目標:

       1、在80端口布署2個單頁應用

       2、單頁應用採用h5 history路由。

       3、位址列 以 'http://ip/1/' 開頭, 則 去第一個單頁應用,以‘http://ip/2/’開頭 去第二個單頁應用。

 

需要修改:

     1、前端程式碼: 第一個單頁應用應以 1作為基礎路由,第二個單頁應用應以2作為基礎路由。例: 第一個應用中去 /home主頁,則位址列是 /1/home 。

     2、打包檔案publicPath改為 '1',使引用路徑都加上/1/。例:

<script src=/1/js/chunk-vendors.2a8e7123.js> </script> <script src=/1/js/app.dd1c6375.js> </script> </body> </html>

     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的檔案