action payload undefined

@Dragunov · Регистрация: 08.10.2020

Студворк — интернет-сервис помощи студентам

Всем привет. Подскажите, пожалуйста, почему payload у action как undefined? В Postman все работает, в браузере нет

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import {createAsyncThunk, createSlice} from '@reduxjs/toolkit';
import axios from '../../utills/axios';
 
export const loginUser = createAsyncThunk(
    'auth/loginUser',
    async ({username, password}) => {
        try {
            const {data} = await axios.post('/auth/login', {username, password});
            if (data.token) window.localStorage.setItem('token', data.token);
            return data;
        } catch (error) {
            console.log(error);
        }
    }
);
const authSlice = createSlice({
    name: 'auth',
    initialState: {
        user: null,
        token: null,
        status: null
    },
    reducers: {},
    extraReducers: builder => {
        builder.addCase(loginUser.pending, (state) => {
            state.status = null;
        });
        builder.addCase(loginUser.fulfilled, (state, action) => {
            debugger
            state.user = action.payload.user;
            state.token = action.payload.token;
            state.status = action.payload.message;
        });
        builder.addCase(loginUser.rejected, (state, action) => {
            state.status = action.payload.message;
        });
    }
});
export default authSlice.reducer;

@mr_dramm · 09.04.2023, 10:39

Сообщение от Dragunov

пожалуйста, почему payload у action как undefined

Потому что эта функция

JavaScript
1
2
3
4
5
6
7
8
9
    async ({username, password}) => {
        try {
            const {data} = await axios.post('/auth/login', {username, password});
            if (data.token) window.localStorage.setItem('token', data.token);
            return data;
        } catch (error) {
            console.log(error);
        }
    }

вернет undefined в случае ошибки, которая у вас на картинке 3, а

JavaScript
1
2
3
        builder.addCase(loginUser.rejected, (state, action) => {
            state.status = action.payload.message;
        });

не сработает

@Dragunov · 09.04.2023, 10:41 **[ТС]**

Как это исправить?

@mr_dramm · 09.04.2023, 12:44

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
export const loginUser = createAsyncThunk(
    'auth/loginUser',
    async ({username, password}) => {
        //try {
            const {data} = await axios.post('/auth/login', {username, password});
            if (data.token) window.localStorage.setItem('token', data.token);
            return data;
        //} catch (error) {
            //console.log(error);
        //}
    }
);

JavaScript
1
2
3
4
        builder.addCase(loginUser.rejected, (state, action) => {
            console.log(action.error) // это сфогорафировать и показать сюда
            state.status = action.meta.requestStatus;
        });

@Dragunov · 09.04.2023, 13:10 **[ТС]**

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{name: 'AxiosError', message: 'Network Error', stack: 'AxiosError: Network Error\n    at XMLHttpRequest.ha…tp://localhost:3000/static/js/bundle.js:62110:14)', code: 'ERR_NETWORK'}
code
: 
"ERR_NETWORK"
message
: 
"Network Error"
name
: 
"AxiosError"
stack
: 
"AxiosError: Network Error\n    at XMLHttpRequest.handleError (http://localhost:3000/static/js/bundle.js:62110:14)"
[[Prototype]]
: 
Object

@Dragunov · 09.04.2023, 13:24 **[ТС]**

Нашел проблему! Неправильно указал BaseURL

Code
1
2
3
4
5
6
7
8
9
import axios from 'axios';
 
const instance = axios.create({baseURL: 'http://localhost:3001/api'});
instance.interceptors.request.use(config => {
    config.headers.Authorization = window.localStorage.getItem('token');
    return config;
});
 
export default instance;

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@Dragunov 1 / 1 / 1 Регистрация: 08.10.2020 Сообщений: 34
	09.04.2023, 10:41 [ТС]
	Как это исправить? 0

Опции темы

action payload undefined

Решение