Am un site Wordpress care rulează Nginx care există https://www.exampleurl.com
Am o aplicație care rulează pe Vercel - https://github.com/cwackerfuss/react-wordle - pe care vreau să fug https://www.exampleurl.com/wordle/ site-ului meu (nu un subdomeniu, asta ar face totul mult mai ușor).
Deci, am configurat un proxy invers în Nginx:
locație /wordle/ {
proxy_pass https://wordleexample.vercel.app/;
proxy_redirect dezactivat;
proxy_set_header X-Real-IP $adresă_la distanță;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
„Funcționează”, dar fișierele .js și .css pe care încearcă să le încarce nu sunt codificate greu la versiunile găzduite pe Vercel.
<script defer="defer" src="/static/js/main.e185fe80.js"></script>
<link href="/static/css/main.8376a7a5.css" rel="stylesheet">
Deci, browserul încearcă să caute acele fișiere sub www.domain.com/wordle/ unde bineinteles ele nu exista. Deci, aplicația nu se încarcă/funcționează.
Cum pot face ca aplicația să ruleze corect așa cum vreau? M-am bazat pe cele de mai sus acest post pe care l-am găsit.
Știu că aș putea configura lucrurile ca un domeniu personalizat în Vercel, dar asta deschide alte probleme legate de setările DNS pe care nu le pot schimba cu adevărat, AWS, CDN, găzduire și etc.
