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;

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

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

action payload undefined

Решение