Issue with routing for Python ASGI app

Hello!

I am trying to deploy an app with a React frontend and Python/FastApi backend. I have a vercel.json config file to point all requests to /api/* to main.py, but am consistently getting 404s trying to hit the API.

1{2    "routes": [3        {4            "src": "/api/(.*)",5            "dest": "/api/main.py"6        }7    ]8}

Project structure

1my_repo/2├── api/3│   ├── __init__.py4│   ├── auth.py5│   ├── database.py6│   ├── db.py7│   ├── main.py8│   ├── models.py9│   ├── settings.py10│   ├── test.py11│   └── venv/12├── app/13│   ├── index.html14│   ├── package.json15│   ├── package-lock.json16│   ├── src/17│   │   └── index.tsx18│   ├── venv/19│   └── vite.config.ts20├── LICENSE21├── README.md22├── login_plan.md23├── package.json24├── requirements.txt25├── vercel.json26└── venv/

Would appreciate any pointers as to what I'm missing, thanks!

Vercel Staff

Instead of the "routes" key you'll need to use "rewrites" here

Thank you - I've tried a couple iterations and am still missing something. Is the destination syntax for the python app correct or it is only supposed to reflect an http URL?

1{2    "builds": [3        {4            "src": "api/main.py",5            "use": "@vercel/python"6        },7        {8            "src": "package.json",9            "use": "@vercel/static-build",10            "config": {11                "distDir": "app/dist"12            }13        }14    ],15    "rewrites": [16        {17            "source": "/api/(.*)",18            "destination": "/api/main.py"19        },20        {21            "source": "(.*)",22            "destination": "app/dist/$1"23        }24    ]25}

Vercel Staff

This looks correct, I checked out your codebase (since it's a public repo) and the issue looks like your VITE_API_URL environment variable. If I replace that with a hardcoded /api then the routes map to /api/scary which correctly hits the python function

They currently have a fallback to http://locahost:8000 which does not end up invoking the /apiroutes

Notably I do get a 500 error after that but atm I am assuming that's because I don't have any of the other integrations set up or running

This topic is closed. It no longer accepts new replies.

Hello!

1{2    "routes": [3        {4            "src": "/api/(.*)",5            "dest": "/api/main.py"6        }7    ]8}

Project structure

1my_repo/2├── api/3│   ├── __init__.py4│   ├── auth.py5│   ├── database.py6│   ├── db.py7│   ├── main.py8│   ├── models.py9│   ├── settings.py10│   ├── test.py11│   └── venv/12├── app/13│   ├── index.html14│   ├── package.json15│   ├── package-lock.json16│   ├── src/17│   │   └── index.tsx18│   ├── venv/19│   └── vite.config.ts20├── LICENSE21├── README.md22├── login_plan.md23├── package.json24├── requirements.txt25├── vercel.json26└── venv/

Would appreciate any pointers as to what I'm missing, thanks!