Почему я получаю "Not Found: /api/v1.0/productos/${this.id_product}/"

У меня возникла проблема с vue.js. Я сделал CRUD и столкнулся с проблемой при попытке использовать PUT для обновления.

когда я применил этот метод для отправки информации об обновлении в Django, возникла ошибка:

METHOD IN VUE.JS

methods: {
        onSubmit(evt){
            evt.preventDefault()
            
            const path = 'http://127.0.0.1:8000/api/v1.0/productos/${this.id_product}/'

            axios.put(path, this.form).then((response) => {

                this.form.nombreProd = response.data.nombreProd
                this.form.precioProd = response.data.precioProd
                this.form.contenido = response.data.contenido
                this.form.descripcionProd = response.data.descripcionProd

                alert("Actualización exitosa")

            })
            .catch((error) => {
                console.log(error)
            })

        }

ОТВЕТ В DJANGO

Not Found: /api/v1.0/productos/${this.id_product}/ [02/Oct/2022 12:57:46] "PUT /api/v1.0/productos/$%7Bthis.id_product%7D/ HTTP/1.1" 404 2609

Пытаясь понять, я понял, что это может быть проблема с фигурными скобками, но я не знаю, как ее решить

Есть проблема, когда вы устанавливаете путь. Вы должны использовать ` вместо ', когда добавляете свойство data в строку. Таким образом, путь будет выглядеть так:

const path = `http://127.0.0.1:8000/api/v1.0/productos/${this.id_product}/`
Вернуться на верх