How to Handle Cors Request

[vimalmistry]

Share your example.

I made an API using Uwebsocket.js. But the front end is simple HTML generated using a static site generator.
I am using Nginx for reverse proxy.

The API call is not working on the browser. it is working in the postman/insomnia and flutter app. but not in the browser.

server {
    server_name echo.domain.com;
    location / {
     
        limit_req zone=mylimit;
        server_tokens off;
        proxy_pass http://nodejs;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;

    }

 res.writeHeader("Access-Control-Allow-Origin", "*");
   res.writeHeader("Access-Control-Allow-Credentials", "true");
   res.writeHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
   res.writeHeader(
      "Access-Control-Allow-Headers",
      "Origin, X-Requested-With, Content-Type, Accept",
   );

I also tried using manual options routes.

Please, anyone has a working example. or can guide me.

Or is there a config for the client site? I am using fetch and axios

[paradis-A]

wow your code is super long.
app.get("/", async (res, req) => {
res.writeHeader("Access-Control-Allow-Origin", "") //allow cors
res.end("hello world")
})
also works with ws

[Hiutaky]

For GET routes works well, not the same for POST, still receiving CORS error

[Hiutaky]

Solution for POST non-simple requests. You need to register an options route and allow origin there

#316 (comment)