Как сделать динамический URL vue axios?

Question

[Nightmare058]

Добрый день.
Мне нужно сделать обращение по API к Laravel, передавая в URL id поста. Как мне его передать в axios? Ниже пример моего кода.

import axios from 'axios';
    export default {
        data(){
            return {
                id: 1
            }
        },
        mounted() {
            this.getData()
        },
        methods: {
            getData() {
                axios.get('/api/notes/$id')
                .then(res => {
                    console.log(res.data)
                })
            }
        }
    }

Comments

[Erl]

так же как и к обычной переменной не через $
к примеру this.id

[Nightmare058]

Erl, я решил это вот так, но мне что-то подсказывает, что есть более элегантное решение.

getData() {
                this.url = this.url + this.id;
                axios.get(this.url)
                .then(res => {
                    console.log(res.data)
                })
            }

[Erl]

Nightmare058, ну вообщем можно endpoint вынести в файл .env допустим, что бы в случае изменения можно было изменить только в 1 месте

Answer 1

[Алексей Ярков]

`/api/notes/${this.id}`

Comments

[Nightmare058]

я так пробовал, почему-то не срабатывает

[Nightmare058]

Понял, дело было в кавычках
Я писал через те, которые на букве "Э", а надо было через те, что на "Ё"

Answer 2

[Nightmare058]

Я решил это вот так, но мне что-то подсказывает, что есть более элегантное решение.

getData() {
                this.url = this.url + this.id;
                axios.get(this.url)
                .then(res => {
                    console.log(res.data)
                })
            }