Reactjs AXIOS Поставить запрос

Question

У меня есть пользователь переднего плана, который я хочу сменить на внутренний.Итак, я сделал запрос AXIOS, но он не работает.

async updateUtilisateur(user) {
    const headers = {
        'authorization': localStorage.getItem(ACCESS_TOKEN)
    }

    const {id} = user.id;
    return await axios.put('/secure/utilisateur/${id}', 
        user,{headers}
    );
},

В моем бэкэнд-журнале: osswumatcher.AntPathRequestMatcher: Проверка соответствия запроса: '/ secure / utilisateur / $ {id}';против '/ gestion-promotions / secure / **'

2018-12-19 22: 21: 19.018 WARN 1432 --- [io-8080-exec-14] .wsmsDefaultHandlerExceptionResolver: Resolved [org.springframework.web.method.annotation.MethodArgumentTypeMismatchException: не удалось преобразовать значение типа 'java.lang.String' в требуемый тип 'java.lang.Integer';вложенное исключение - java.lang.NumberFormatException: для входной строки: "$ {id}"]

id - это PathVariable в моем запросе

Answer 1

Вы используете неверный тип кавычек в этой строке:

return await axios.put('/secure/utilisateur/${id}',

вы используете '' (одинарные кавычки) вместо `` (обратные метки) Это приводит к тому, что ваша переменная id неправильно интерполирован, то вы отправляете строку ${id} на сервер.

Чтобы решить эту проблему, вы можете использовать обратные пометки:

return await axios.put(`/secure/utilisateur/${id}`,

или:

return await axios.put('/secure/utilisateur/' + id,

больше информации о обратных галочках в javascript: Шаблонные литералы