ฉันมีไซต์ Wordpress ที่ใช้งาน Nginx อยู่ https://www.exampleurl.com
ฉันมีแอปที่ทำงานบน Vercel - https://github.com/cwackerfuss/react-wordle - ที่ฉันต้องการวิ่งภายใต้ https://www.exampleurl.com/wordle/ ของเว็บไซต์ของฉัน (ไม่ใช่โดเมนย่อย แน่นอนว่าจะทำให้ทั้งหมดนี้ง่ายขึ้นมาก)
ดังนั้น ฉันได้ตั้งค่า reverse proxy ใน Nginx:
ตำแหน่ง /wordle/ {
proxy_pass https://wordleexample.vercel.app/;
ปิด proxy_redirect;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-ส่งต่อ-สำหรับ $proxy_add_x_forwarded_for;
}
"ใช้งานได้" แต่ไฟล์ .js และ .css ที่พยายามโหลดไม่ได้ฮาร์ดโค้ดกลับเป็นเวอร์ชันที่โฮสต์บน Vercel
<script defer="defer" src="/static/js/main.e185fe80.js"></script>
<link href="/static/css/main.8376a7a5.css" rel="stylesheet">
ดังนั้นเบราว์เซอร์จึงพยายามค้นหาไฟล์เหล่านั้นภายใต้ www.domain.com/wordle/ ซึ่งแน่นอนว่าไม่มีอยู่จริง ดังนั้น แอปไม่โหลด/ทำงาน
ฉันจะทำให้แอปทำงานอย่างถูกต้องตามที่ฉันต้องการได้อย่างไร ฉันยึดตามข้างต้น โพสต์นี้ ที่ฉันพบ
ฉันรู้ว่าฉันสามารถตั้งค่าเป็นโดเมนแบบกำหนดเองภายใน Vercel ได้ แต่นั่นก็เปิดปัญหาอื่นๆ เกี่ยวกับการตั้งค่า DNS ที่ฉันไม่สามารถเปลี่ยนแปลงได้จริงๆ, AWS, CDN, โฮสติ้ง และอื่นๆ