TheOneThatPlaysTooMuch
TheOneThatPlaysTooMuch
PostsComments
DDeno
Created by TheOneThatPlaysTooMuch on 3/8/2025 in #help
Cookie issues
My response header contains a valid set cookie header but the cookie is not being saved in my browser cookie storage
4 replies
DDeno
Created by TheOneThatPlaysTooMuch on 2/26/2025 in #help
CORS problem with my deno web server
I wrote this tiny websocket server in deno: 
Deno.serve((req) => {
  const webSocketUpgradeRequested = req.headers.get("upgrade") === "websocket";

  if (!webSocketUpgradeRequested) {
    return new Response("Web socket not requested.");
  }

  const { socket, response } = Deno.upgradeWebSocket(req);

  socket.addEventListener("open", () => {
    console.log("Socket open");
  });

  socket.addEventListener("message", (e) => {
    console.log(e.data);
  });

  const header = new Headers();
  header.append("Access-Control-Allow-Origin", "*");

  const res = new Response(response.body, {
    headers: header,
  });

  return res;
});
Deno.serve((req) => {
  const webSocketUpgradeRequested = req.headers.get("upgrade") === "websocket";

  if (!webSocketUpgradeRequested) {
    return new Response("Web socket not requested.");
  }

  const { socket, response } = Deno.upgradeWebSocket(req);

  socket.addEventListener("open", () => {
    console.log("Socket open");
  });

  socket.addEventListener("message", (e) => {
    console.log(e.data);
  });

  const header = new Headers();
  header.append("Access-Control-Allow-Origin", "*");

  const res = new Response(response.body, {
    headers: header,
  });

  return res;
});
I set the access-control header to allow for cross-origin access. Specifically my frontend. But when I invoke the server from my frontend like this: 
    onMount(() => {
        const header = new Headers();
        header.append("upgrade", "websocket");

        fetch("http://localhost:8000", {
            headers: header,
        });
    });
    onMount(() => {
        const header = new Headers();
        header.append("upgrade", "websocket");

        fetch("http://localhost:8000", {
            headers: header,
        });
    });
The request fails because the cross-origin request was blocked as the 'Access control allow origin header is missing' even though it is not.
7 replies
DDeno
Created by TheOneThatPlaysTooMuch on 1/29/2025 in #help
Problem with my api route
I created a dummy login api route under 'routes/api/login.ts' and when I call fetch on the url like so: 
fetch("/api/login")
fetch("/api/login")
it fails because that's an 'invalid route'
4 replies