How to redirect the user to another page after login using JavaScript Fetch API?

by

The main “Problem” that I see that might cause this to not work is the fast that you’re doing it form a Post request to a Get request.

After some search online I’ve stumble across this [BUG] RedirectResponse from a POST request route to GET request route if you’ll read this bug you’ll see they specify that sometimes you may need a 307 instead you can read about the 307 response here 307 Temporary Redirect.

According to this the following should help:

import starlette.status as status
from fastapi.responses import RedirectResponse

@router.post("/login")
async def login(x_auth_token: str = Header(None))
    # Implementation details ...
    return RedirectResponse('/1', status_code=status.HTTP_302_FOUND)

@app.get("/1")
def get_landing(request: Request):
    return templates.TemplateResponse("landing.html", {"request": request})

From what I’ve seen the solution here was to use status_code=status.HTTP_302_FOUND you can learn more about it here: What Is a 302 Status Code?

You can also refer to the following links for more:

  1. fastapi (starlette) RedirectResponse redirect to post instead get method
  2. How to do a Post/Redirect/Get (PRG) in FastAPI?
  3. [QUESTION] How to post/redirect/get
  4. RedirectResponse

According to @Chris in the comments, you also have the following:

More Related Contents:

  1. FastAPI returns “Error 422: Unprocessable entity” when I send multipart form data with JavaScript Fetch API
  2. How to render Streamable image on React coming from FastAPI server?
  3. How do I download a file from FastAPI backend using Fetch API in the frontend?
  4. FastAPI is not returning cookies to React frontend
  5. Cannot Upload File to FastAPI backend using JavaScript Fetch API in the frontend
  6. How to send a base64 encoded image to a FastAPI backend?
  7. How do I download a file from FastAPI backend using JavaScript Fetch API in the frontend?
  8. How do I find what is common between 2 lists? [duplicate]
  9. How to construct a progress bar from the given percentage?
  10. Display data streamed from a Flask view as it updates
  11. How can I pass data from Flask to JavaScript in a template?
  12. Django csrf token + Angularjs
  13. Find the longest common starting substring in a set of strings [closed]
  14. Using $window or $location to Redirect in AngularJS
  15. Scrolling to top of the page in Python using Selenium
  16. Python library for rendering HTML and javascript [closed]
  17. Change URL and redirect using jQuery
  18. Mechanize and Javascript
  19. Javascript Redirect with Google Analytics
  20. Returning JSON array from a Django view to a template
  21. How to disable a “Reload site? Changes you made may not be saved” popup for (python) selenium tests in chrome?
  22. How to redirect from one domain to another and set cookies or headers for the other domain?
  23. How can I integrate Python and JavaScript?
  24. How to get html with javascript rendered sourcecode by using selenium
  25. How do i take picture from client side(html) and save it to server side(Python)
  26. Return data from html/js to python
  27. How can I scrape a page with dynamic content (created by JavaScript) in Python?
  28. How to use the variables from “views.py” in JavasScript, “” in Django Template?
  29. sending data as JSON object from Python to Javascript with Jinja [duplicate]
  30. How to download a file using ReactJS with Axios in the frontend and FastAPI in the backend?

Leave a Comment