Как отловить 401 ошибку в vuejs и Yii2?

Question

[Михаил Смирнов]

Добрый вечер!

Использую axios.interceptors.response для отлова ошибок в ответе сервера
проблема заключается в том что ошибка приходит но в console.log(error) выводит undefined

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {

    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;

    // Add a response interceptor
    axios.interceptors.response.use(function (response) {
        // Do something with response data
        return response;
    }, function (error) {
        
        console.log(error)
        
        return Promise.reject(error);
    });

} else {
    console.error('CSRF token not found');
}

Если отселживать ошибки напрямую в запросе то все нормально приходит

axios({
                        method: 'post',
                        url: '/api/login',
                        responseType: 'json',
                        data: {
                            phone: this.phone,
                            password: this.password,
                            rememberMe: this.remember_me
                        }
                    }).then((response) => {
                        this.refreshCSRFToken(response.data.token);
                        if (response.data.result == 'success') {
                            this.is_logged_in = true;
                            this.current_user = response.data.user_id;
                        } else {
                            if (response.data.messages.password) {
                                this.password_error = response.data.messages.password;
                            }
                            if (response.data.messages.phone) {
                                this.login_error = response.data.messages.phone;
                            }
                        }
                    })
                    .catch(function (error) {
                            console.log(error);
                    });

апи сервис на этом же домене на Yii2

Comments

[Vlad]

Скажите, а какая версия axios и используете ли Вы yii\filters\Cors на бекенде? Если да, то используете ли Вы обработку OPTIONS такого вида:

/**
     * @inheritdoc
     */
    public function actions()
    {
        return [
            'options' => [
                'class'             => 'yii\rest\OptionsAction',
                'collectionOptions' => ['GET', 'POST'],
            ],
        ];
    }

[Михаил Смирнов]

Vlad, axios 0.15.3

используете ли Вы yii\filters\Cors на бекенде?

нет не использую, там просто Rest Controller

Answer 1

[Vlad]

Михаил Смирнов, попробуйте вывести console.log(error.response) или console.log(JSON.stringify(error)) вместо console.log(error). Возможно проблема будет решена. Если сомневаетесь в адекватности моего ответа, можете почитать тут ;-)