Как получить исключения из django-rest в vue.js?

Question

[Mike]

Я использую django-rest-passwordreset для востановления забытого пароля.
Во Vue.js у меня есть метод чтобы установить новый пароль. Оно работает, но нужно получать исключения если пароль слишком короткий или слишком простой и т д..

methods: {
    set_password() {
        axios.post('/app/reset-password/confirm/', {'password': this.password, 'token': this.token})
        .then(response => {
            console.log(response)
        })
        .catch(error => {
            console.log(error)
        })
    }
},

Если отправить POST запрос на http://localhost:8000/app/reset-password/confirm/ который должен вызвать исключения на сервере(к примеру короткий пароль) через RestMan, я получаю

{
    "password": [
        "This password is too short. It must contain at least 8 characters.",
        "This password is too common."
    ]
}

Но в Vue.js я не могу/не знаю как это сделать. В браузере, в консоле я получаю:

POST http://localhost:8000/app/reset-password/confirm/ 400 (Bad Request)
Error: Request failed with status code 400
    at createError (build.js:15685)
    at settle (build.js:27186)
    at XMLHttpRequest.handleLoad (build.js:15559)

Если отправить валидный пароль то содержимое response получаю таким:

{data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}

Но как же мне получить исключения от сервера?

Answer 1

[Andrey Suha]

В catch
console.log(error.response)

Comments

[Mike]

почему-то не сработало.

[Andrey Suha]

Mike, что пишет?

[Mike]

Andrey Suha, Пишет примерно тоже самое

POST http://localhost:8000/app/reset-password/confirm/ 400 (Bad Request)
Error: Request failed with status code 400
    at createError (build.js:15685)
    at settle (build.js:27186)
    at XMLHttpRequest.handleLoad (build.js:15559)

[Andrey Suha]

Mike, странно, даже если в error нету response, то должно выдать как undefined

https://gist.github.com/fgilio/230ccd514e9381fafa5...

Вот попробуйте. Я не смылю в Питоне, но была такая проблема с ларавелем и error response помог

[Mike]

Andrey Suha, ok! спасибо. Сейчас по делам нужно идти. Потом если получится отпишусь.

[Mike]

Andrey Suha, Постил этот топик везде, На форуме Vue.js, на Stackoverflow, в телеграме в чате Vue.js. Вроде задача обычная, но решения не было. Короче получилось сделать, но не уверен в его правильности. Смотрел в браузере в вкладке Network > XHR, там я получаю ответы от сервера. Ок! это для меня работает:

set_password() {

            axios.post('/app/reset-password/confirm/', {'password': this.password, 'token': this.token})
            .then(response => {
                console.log(response.request.response) // response.request.response
                this.result = response.request.response
                let obj = JSON.parse(this.result)
                if (obj.password) {
                    console.log(obj.password, '< obj.passowrd')
                }else if (obj.status == 'OK') {
                    console.log(obj.status, '< obj.status')
                }else if (obj.status == 'notfound') {
                    console.log(obj.status, '< obj.notfound')
                }
            })
        }
    },