javascript - Django : Fetch API redirects to wrong URL

Question

Im trying to send data to my django backend using javascript Fetch API. My current working url is 127.0.0.1:8000/store

And im trying to send data to 127.0.0.1:8000/recommend_product/ using fetch as follows urls.py

path('recommend_product/',product_utils.recommend_product,name = "recommend_product"),

 var url = '/recommend_product/'
            fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRFToken': csrftoken,
                },
                body: JSON.stringify({ 'productId': productId })
            })
                .then((response) => {
                    return response.json()
                })

                .then((data) => {
                    console.log('data:', data)
                    location.reload()
                })
        } else {
            alert('Please Login to recommend products')
        }

My problem is that Fetch API redirecting me to '127.0.0.1:8000/store/recommend_product/' instead of 127.0.0.1:8000/recommend_product/. How to fix this?

question from:https://stackoverflow.com/questions/65940581/django-fetch-api-redirects-to-wrong-url

Answer 1

Had the same problem. Although i dont think this is the best way, try http://127.0.0.1:8000/recommend_product