Nginx ส่งคืน 404 ในไฟล์สแตติกทั้งหมดเมื่อใช้อัปสตรีมและรีเวิร์สพร็อกซีกับแอพ VueJS

ฉันมีแอป VueJS เดียวกันสองอินสแตนซ์ในสองเซิร์ฟเวอร์ที่แตกต่างกัน ฉันกำลังพยายามใช้ nginx ฟอร์มอัปสตรีมสำหรับโหลดบาลานซ์ แต่มันส่งคืน 404 ในไฟล์ทั้งหมดภายใต้สแตติก

ฉันพยายามทำให้ง่ายที่สุดเท่าที่จะทำได้ นี่คือไฟล์กำหนดค่า Nginx:

หนังสือมอบฉันทะ:

ส่วนหน้าต้นน้ำ {
    เซิร์ฟเวอร์ 10.16.19.173;
    เซิร์ฟเวอร์ 10.16.19.166;
}

เซิร์ฟเวอร์ {
    ที่ตั้ง / {
# try_files $uri $uri/ /index.html;
        proxy_set_header โฮสต์ $host;
        proxy_pass http://ส่วนหน้า;

    }

}

การกำหนดค่าบนเซิร์ฟเวอร์ที่โฮสต์แอป:

เซิร์ฟเวอร์ {

    ฟัง 80;
    รูท /usr/share/nginx/html/portal-web/dist/cms;

   ที่ตั้ง / {
        try_files $uri $uri/ /index.html;
   }

   error_page 404 /404.html;
        ตำแหน่ง = /40x.html {
   }

   error_page 500 502 503 504 /50x.html;
        ตำแหน่ง = /50x.html {
   }

}

ไฟล์สแตติกอยู่ภายใต้ /usr/share/nginx/html/portal-web/dist/cms/static

ฉันได้ลองใช้คำแนะนำในการเขียนใหม่ทั้งหมดที่ฉันพบแล้ว แต่ดูเหมือนจะไม่ได้ผล ฉันไม่ได้ใช้ Docker และไม่สามารถใช้งานได้

ขอบคุณ