Deploying django in vercel function timeout

I have a function called FetchAjaxs, which works fine in my local machine but not when i deploy

1FetchAjaxs:2 #makes a api call to a different url which then returns a json to display in webpage

i am calling that function from a ajaxs in my html

index.html

1$.ajax({2                    url: "{% url 'FetchAjaxs' %}", // Django URL for the view3                    type: "POST",4                    data: $(this).serialize(), // Serialize form data5                    headers: {6                        "X-CSRFToken": "{{ csrf_token }}" // Add CSRF token for security7                    },8                    dataType: 'json',

my url.py looks like this

1path('fetch-ajax/', FetchAjaxs, name='FetchAjaxs'),

and my vercel.json looks like this

1{2    "builds": [{3        "src": "AppName/wsgi.py",4        "use": "@vercel/python",5        "config": { "maxLambdaSize": "15mb", "runtime": "python3.9", "maxDuration": 300}678    }910    ],11    "routes": [12        {13            "src": "/(.*)",14            "dest": "AppName/wsgi.py"15        }16    ]17}

when i run this in my local machine it works but when i run it in vercel it doesnt i figured it has to do with time out

this is the error i get in my xhr

1{"error": {"code": "504", "message": "An error occurred with your deployment"}}

i have increased the timeout in the settings in vercel vercel_function_timeout

however i still get the same error, any help would be appreciated , also please note i am very new to vercel.