Когда Axios запрашивает Http запрос, но url изменяется и создает [object%20Object].

Я хочу удалить объект в моей Django DB с помощью http запроса с Axios к Django View. Но при изменении POST url добавляется странная вещь, [object%20Object]. Похоже, что это проблема конвертации, но я не понимаю, почему это происходит. Что я делаю не так?

это часть аксиоса.

<script>
    // Delete review
    const deleteBtns = document.getElementsByClassName("delete");

    function handleClickDelete(event){
        event.preventDefault();
        const deleteBtn = event.target;
        const pk = deleteBtn.value;
        const review = document.getElementById(`${pk}`);
        
        review.hidden = true

        axios.post({
            url:"{% url 'reviews:delete' %}",
            data:{
                "pk": pk
            }
        })
        .then(res => alert("the review is deleted!"))
        .catch(errors => console.log(errors.response.data));
        
    }

    for (const deleteBtn of deleteBtns) {
        deleteBtn.addEventListener("click", handleClickDelete);
    }

</script>

Django urls.py

app_name = "reviews"
urlpatterns = [
    path(
        "api/<int:pk>/review/create/",
        review_views.create_review,
        name="create",
    ),
    path(
        "api/review/delete/",
        review_views.delete_review,
        name="delete",
    ),
    path(
        "api/review/update/",
        review_views.update_review,
        name="update",
    ),
]

и view.py

def delete_review(request):
    if request.method == "POST":
        pk = request.POST.get("pk")
        review = models.Review.objects.get(pk=pk)
        review.delete()

    return JsonResponse({"status": "Success"})

Вернуться на верх