Файлы cookie сервера теряются при обновлении страницы

Question

Я попытался извлечь вызов API и передать учетные данные "include" в заголовок, который изначально устанавливал файлы cookie с сервера, но при обновлении страницы файлы cookie терялись.

public post = async (payload:any, endpoint: string):Promise<any> => {
        return new Promise((resolve, reject) => {
            console.log(${config.baseUrl}${endpoint})

            const URL = ${config.baseUrl}${endpoint};
            fetch(URL, {
                credentials: 'include',
                method: 'POST',
                body: JSON.stringify(payload),
                headers: new Headers({
                  'Content-Type': 'application/json'
                })
            })
            .then(data => data.json())
            .then((data:any) => {
                console.log("data", data)
                const responsePayload = {
                    statusCode: data.status,
                    data: data
                };
                resolve(responsePayload);
            })
            .catch((error:any) => {
                if (error.response === undefined) {
                    const errorpayload = {
                        statusCode: 503,
                        title: 'network error occured',
                        parameter: 'Network Error',
                    };
                    reject(errorpayload);
                } else {
                    const errors = error.response.data.errors;
                    const errorPayload = {
                        statusCode: error.response.status,
                        data: error.response.data.errors,
                    };
                    reject(errorPayload);
                }
            });
        });
    };

Answer 1

Лучше читать куки при входе в систему и хранить их в хранилище, и оттуда вы можете использовать их так, как хотите.