URL Routing trouble in React + Django

Question

I have the following urlpatterns configured for my Django app. This rule will route to http://localhost:8000/profile/.

urlpatterns = [
    path("profile/", test_frontend_views.profile),
]

The views code:

def profile(request):
    return render(request, 'frontend/Profile_temp_master.html')

Within my React components that are dynamically creating HTML for the template, I am making requests to my Django backend API with the following scheme:

fetch("api/profile", requestOptions).then(..).then(..)

However, rather than this request routing to http://localhost:8000/api/profile/, it is routing to http://localhost:8000/profile/api/profile/ which is not a valid endpoint and returns and error. How can I solve this so that the URL routes to the correct endpoint?

trixn · Accepted Answer · 2020-06-19 11:38:52Z

1

You need to do

fetch("/api/profile", requestOptions).then(..).then(..)

with a / at the start to make it absolute. Otherwise it will be relative to the current url.

answered Jun 19, 2020 at 11:38

trixn

16.4k2 gold badges40 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

URL Routing trouble in React + Django

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related