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

#vue.js #vuejs2 #axios

#vue.js #vuejs2 #axios

Вопрос:

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

 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/${this.id}/ HTTP/1.1" 404 2410
  

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

Комментарии:

1. Используйте `http://127.0.0.1:8000/api/v1/books/${this.id} ` (обратные знаки), а не » (одинарные кавычки). developer.mozilla.org/en-US/docs/Web/JavaScript/Reference /…

Ответ №1:

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

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

или просто:

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