Static in Production for fastapi.

[philipokiokio]

Hi, So i am temporarily using sqladmin in my fast API application in production, but the static portion of the application is not working in production unlike in development (local computer).

How can I fix this?

[aminalaee]

Hey,
Do you mean the static files kike CSS and JS are not loading? How do you run your app?

[ilnuru]

Yes, I have the same issue.

[ilnuru]

We use kubernetes for deployment. There is an Ingress controller with nginx

[ilnuru]

Found the problem.
The templates generate http links, but the prod server uses https. Static files availible with https scheme.
In my case, it was enough to start uvicorn with the --proxy-headers flag. Now uvicorn is getting the https usage headers, but url_for in templates not using this. generate http://devserver.url

More info on this issue encode/starlette#538

[ilnuru]

Flag --forwarded-allow-ips * resolve this problem. Now starlette detects https correctly.
In the flag, you can specify * or the necessary ip. https://github.com/encode/uvicorn/blob/master/uvicorn/middleware/proxy_headers.py

[aminalaee]

Great, thanks for taking a look into this @ilnuru
This has come up before, but I thought this is different.

Can you also post these as a separate comment so I can mark as answer?

[ilnuru]

The probable reason is that the static is connected via http, and your site is opened via https.
To solve this, you need to make sure that your proxy server (like nginx ) is passing the necessary headers to your application. encode/starlette#538 (comment)
Next, you need to configure uvicorn. The --forwarded-allow-ips flag tells the server which ips to accept these headers from. The --proxy-headers flag will enable passing the required headers. https://www.uvicorn.org/deployment/
Now inside your fastapi or starlette app scope["scheme"] contains https and the app will generate a static url based on scheme.

[stefanosmav]

What if there is no proxy server in between the client and the application? My login form and all of the statics in general do not work in production because of the issue that @philipokiokio described. I am using uvicorn via a dockerfile:
CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "80"]

[aminalaee]

@stefanosmav Does it work on your local env?

[stefanosmav]

@aminalaee yes. Everything works locally. But in production (https) I cannot even login in the admin page and the statics don't work.

[aminalaee]

@stefanosmav And how do you run https? With uvicorn?

[stefanosmav]

@aminalaee I run https via azure web app. It redirects the port automatically

[aminalaee]

@stefanosmav That's very specific and I don't have any experience with that, but if it works on local then I guess something is wrong with your setup and all I can do is forward you to: https://www.uvicorn.org/deployment/#running-behind-nginx