VueJS: как правильно написать путь с параметром

Question

Я следую учебник и пути с параметром не работают.

data() {
    return {
        id: this.$route.params.id,
        element: {
            title: '',
            description: '',
        }
    }
},
methods: {
        getBook() {
            const path = 'http://127.0.0.1:8000/api/v1/books/${this.id}/'
            axios.get(path).then((response) => {
                this.element.title = response.data.title
                this.element.description = response.data.description
        })
        .catch((error) => {
            console.log(error)
        })          
    },
    created() {
        this.getBook()
    }

В консоли:

"GET /api/v1/books/$%7Bthis.id%7D/ HTTP/1.1" 404 2410

Что именно не так с тем, что я делаю?

Answer 1

Вам необходимо использовать обратные метки ``:

`http://127.0.0.1:8000/api/v1/books/${this.id}/`

или просто:

'http://127.0.0.1:8000/api/v1/books/'+this.id