Показать ошибки сервера в HTML

Question

Я проверяю форму, которую я должен отправить через ajax, я использую axios для этого, но я хотел бы сейчас узнать, есть ли способ показать ошибки, которые я получаю от сервера, в моем html, этоошибки, которые я хочу показать

Я использую django rest-framework на стороне сервера Это мой код

axios({
            method: 'post',
            url: `${baseURL}api/users/`,
            contentType: 'application/json',
            data : {} // I send the inputs data here
        })
        .then(response => {
            window.location.href = '/success.html';
            console.log(response)
        })
        .catch(err => {
            console.log(`It works ${err.message}`);
        })

Делая так, яможет отображаться только сообщение типа

'Работает Запрос не выполнен с кодом состояния 400'

Answer 1

Попробуйте что-то вроде:

var errors = {}
...
.then(response => {
    window.location.href = '/success.html';
    console.log(response)
    errors = Object.assign({})
})
.catch(err => {
    errors = Object.assign({}, err.data['error'])
    console.log(`It works ${err.message}`);
})

Затем вы можете использовать эту переменную для отображения ошибок в html-формате, например errors ['address'] .