Hi, @zaydloya!

Looking at your vercel.json, it looks like the issue may be because:

• The "src": "/api/(.*)" route is targeting the /api/app.py file, which might not be handling all the routes properly.
• The "src": "/(.*)" route also targets /api/app.py, which could be causing conflicts.

I'm also sharing an example Flask app for anyone looking at this and wanting to see how deploying a Flask app would look like on Vercel.

https://vercel.com/templates/python/flask-hello-world

Vercel

Flask Hello World

Use Flask 3 on Vercel with Serverless Functions using the Python Runtime.

Sharing a new post about how to debug 404 errors, in case it's helpful! https://community.vercel.com/t/debugging-404-errors/437

Vercel Community

Debugging 404 Errors

Sometimes things don’t go as expected when deploying a website. If you see a 404 on your site, that means the page or resource couldn’t be found. There are...

Hello I have tried deploying a flask web app but I am still encoutering the 404 not found error ..... here is my file structure .... also here is the run.py code

..... I thought the requirements.txt code would also help anyone solve my error Flask==3.0.3 yt-dlp==2024.7.12 gunicorn==20.1.0

Hi, @jeff9497!

Similar to my suggestion above, it looks like it might be related to your routes. https://community.vercel.com/t/deploying-a-flask-app-with-vercel/439/2

Vercel Community

Vercel Community

Connect, learn, share projects, and get community support

The vercel.json file seems to point to run.py, which is fine, but make sure that your Flask application is set up correctly to run on Vercel.

The line "src": "/(.*)", "dest": "/" in the routes section might be overly broad, and it's possible that it isn't correctly pointing to your Flask app's routes. You could try removing or modifying this line to ensure that the routes are handled as expected.

It'd be helpful to get a minimal reproducible example for us to dig deeper.

hey i tried that but still the web page gives me the 404 error .... here is the vercel deployment page

hi @pawlean I was able to deploy it and without the 404 not found but only after deploying it via the CLI(one is not required to use a virtual environment during this ) however with this the CSS was not loading either locally or even after deployment . Incase I solve this I will be in touch .