Render.com deploy : API calls getting 403

[meavydev]

I saw the blog post about Reder.com deploys

I have got things running fine on localhost and the Render.com deploy is showing the web page login, so the JavaScript is working.
However, looking it the browser log, I am seeing 403 errors for the API call.

Fetch.kt:125 
           POST https://<deployment name>.onrender.com/api/login 403 (Forbidden)
on @ Fetch.kt:125
h.yz @ HttpFetcher.kt:195
B.yz @ ApiFetcher.kt:184
B.p3y @ meavykobweb.js:1
Pn.o9 @ Login.kt:51
Pn.tz @ meavykobweb.js:1
s @ meavykobweb.js:1
qi.o9 @ IntrinsicsJs.kt:194
qi.n9 @ CoroutineImpl.kt:42
qi.r9 @ meavykobweb.js:1
T.gq @ Continuation.kt:45
(anonymous) @ JsMicrotasksDispatcher.kt:11
Promise.then
u.fr @ JsMicrotasksDispatcher.kt:11
vr @ DispatchedContinuation.kt:217
kr @ Cancellable.kt:26
T.pm @ CoroutineStart.kt:88
T.mm @ AbstractCoroutine.kt:123
n.$_$.r @ Builders.common.kt:52
ws @ Login.kt:50
u @ meavykobweb.js:1
Ju.g @ TextButton.kt:32
O @ Button.kt:188
sn.t2p @ SyntheticEventListener.kt:49
sn.handleEvent @ meavykobweb.js:1Understand this errorAI
CoroutineExceptionHandlerImpl.kt:7 an: URL = https://<deployment name>.onrender.com/api/login, Status = 403, Status Text = 

I see this in the Render.com web service log:

2025-02-27 16:02:44.647 [main] INFO  io.ktor.server.Application - Autoreload is disabled because the development mode is off.
2025-02-27 16:02:45.446 [main] INFO  io.ktor.server.Application - API jar found and will be loaded: ".kobweb/site/system/meavykobweb.jar"
FirebaseApp Device unlocked: initializing all Firebase APIs for app [DEFAULT]
2025-02-27 16:02:53.446 [main] INFO  io.ktor.server.Application - Loaded and initialized server API jar in 5890ms.
2025-02-27 16:02:54.549 [main] INFO  io.ktor.server.Application - Application started in 13.403 seconds.
2025-02-27 16:02:56.344 [DefaultDispatcher-worker-2] INFO  io.ktor.server.Application - Responding at http://0.0.0.0:8080
==> Your service is live 🎉
==> Detected service running on port 8080

I have tried setting the PORT env var to 8080 in the Render.com environment.

Any ideas why localhost works, but not on Render.com?
It does seem like I am missing a Port on the api call, but I am not sure where to set this.

[bitspittle]

Are you seeing anything interesting in the browser devtools? Did you configure CORS?

[meavydev]

I did add the cors: section and it has the correct onrender name.
Is the YAML file sensitive to order / tabs, as I put the cors: section after the prod: section?
The only thing in DevTools is the 403 for the API URL.

[bitspittle]

The order shouldn't matter, no, as long as the indentation is right. (You can compare with mine: https://github.com/bitspittle/kobweb-todo-on-render/blob/main/site/.kobweb/conf.yaml)

Can you share a screenshot from your browser tools network tab on the API request (/api/login) that is ending up with the 403 error?

[meavydev]

Ah. The indentation was wrong, so hopefully that was the problem.
Another 10 mins before it deploys...

[bitspittle]

Hope it worked! I'll look into adding logging in the next version of Kobweb so we would have seen a message like "CORS is not configured for this server"

[meavydev]

It has started up now :)
Of course now I have a problem with Firestore caching which was happy on localhost on my Macbook Pro.