I have encountered an issue with my 2 flutter web apps. One of them is functioning flawlessly when I request the URL, but the other one only works when I include the port xxxxx:4000/nexus-vote. However, when I remove the port, I receive a status code of 200 and can see that the index.html is being delivered in the payload (verified with Postman), yet nothing is displaying in the browser.
Initially, I suspected it was related to nginx, but the forwarding appears to be working correctly as I can observe the requests in the JS app log. Unfortunately, I am uncertain about what the underlying problem may be...
Below is the nginx configuration code:
location = /nexus-vote/ {
#proxy_set_header Host $http_host:4000;
#proxy_set_header X-Real-IP $remote_addr;
#proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#proxy_set_header X-NginX-Proxy true;
proxy_set_header X-Forwarded-Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_redirect https://$server_name/nexus-vote/ https://$server_name:4000/nexus-vote/;
#proxy_redirect https://$server_name/ https://$server_name:4000/;
proxy_pass https://localhost:4000/nexus-vote/;
#proxy_redirect off;
}
location /iframe/ {
proxy_set_header Host $http_host:$server_port;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-NginX-Proxy true;
proxy_pass https://localhost:3000/iframe/;
proxy_redirect off;
}
Furthermore, below is the Express code that is being served:
app.get("/nexus-vote", async (req, res) => {
try {
console.log(`Serving from js ${__dirname}`);
res.status(200)
.set("Content-Security-Policy", "default-src *; style-src 'self' http://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'")
.sendFile(path.join(__dirname + "/web/index.html"));
} catch (e) {
console.log(e);
}
});