Nuxt axios не может обработать сервер

Question

Я новичок в Nuxt.js и столкнулся со странной проблемой. У меня есть конечная точка в бэкэнд-API, позволяющая конечному пользователю отправить token и новый password и сбросить пароль пользователя.

Пока запрос отправлен правильно, а сервер отвечает правильными данными:

На стороне Nuxt.js возникла проблема с данными ответов.

Итак, для обработки всех HTTP-запросов с использованием axios у меня есть такой класс:

class WebAPI {
    // $axios is the instance used in the Nuxt.js context
    constructor($axios) {
        this.$http = $axios;
    }

    async call(config) {
        try {
            ///////////////////////////////////////////////////////
            // HERE IS THE PROBLEM. THE FOLLOWING CONSOLE.LOG
            // IT RETURNS undefined WHILE THE NETWORK RESPONSE
            // RETURNS WITH DATA
            ///////////////////////////////////////////////////////
            const result = await this.$http(config);
            console.log(result);
            // ...
        } catch( e) {
            // ...
        }
    }
}

И я использую этот класс как:

const data = {
    token,
    new_password
};

const options = {
    method: 'POST',
    url   : '/reset-password',
    data
};

return this.webApi.call(options);

Но, как вы, вероятно, видите, в сервисе WebAPI ответ axios равен undefined.

Также стоит отметить, что тот же класс WebAPI отлично работает с другими запросами API, которые я выполняю во всем приложении.

Не могли бы вы помочь с этим вопросом? Вы видите что-то не так?

Answer 1

Я думаю, вы неправильно используете axios.Попробуйте использовать метод $request, например:

async call(config) {
  try {
    const result = await this.$http.$request(config);
    console.log(result);
    // ...
  } catch( e) {
    // ...
  }
}