nginx 反向代理proxy_pass 后加斜杠和不加斜桿的區別

今日准備使用nginx 將上次使用docker 部署的一個vue項目進行地址代理，讓他看起來高達尚一點，原本docker打包的鏡像只是向外暴露了一個8191的端口，訪問的時候就只能是 http://whaala.com:8191這個看起來太LOW, 不廢話了直接開始

nginx 代理如下

    server {
      listen 443 ssl;
       location /vueapp/ {
	    proxy_pass http://127.0.0.1:8191;
       }
}

配置完成后急切運行

./nginx -s reload

重新加載配置

打開頁面驗證結果是這個樣子的！！！

why？ 怎么會這個樣子。。。
一致不明白迷惑了；於是網上看見大佬說，

結合我的實際配置來看， 我想訪問是其實是 http://127.0.0.1:8191這個路徑下的8191端口下的index.html,
理想被代理后的地址應該是http://whaala.con:8191/index.html
但是因為我配置的時候沒有在最后添加/ ; 被代理的路徑變成了http://whaala.con:8191/vueapp/index.html；
而我的項目是使用docker 部署的；在打包的項目鏡像文件並沒有這個vueapp路徑，
他映射的端口直接指向了如下目錄中的index.html

drwxr-xr-x 2 root root 4096 Jul 28 09:30 config
drwxr-xr-x 3 root root 4096 Aug  4 21:51 dist
-rw-r--r-- 1 root root  404 Jul 28 09:30 Dockerfile
-rw-r--r-- 1 root root  624 Aug  4 21:51 index.html
-rw-r--r-- 1 root root 2612 Jul 28 09:30 package.json
-rw-r--r-- 1 root root 3253 Jul 28 09:30 prod.server.js

於是我將配置改為如下

 server {
        listen       80;
       location /vueapp/ {
	    proxy_pass http://127.0.0.1:8191/;
       }

 }

運行終於對了

特此記錄。自己菜菜的歷程，加深自己對nginx 反向代理的理解