Как сделать сохранение Cookie их expressJs на ReactJS?

Question

[Михаил]

Пытаюсь связать бекенд с фронтом.

ReactJS:

import React, { useEffect, useState } from 'react';
import axios from "axios";

export function Get(url, config) {
    const [response, setResponse] = useState(null);

    useEffect(() => {
        send()
            .then((res) => {
                setResponse(res.data)
            })
            .catch((err) => {
                console.log(err)
            });
    }, []);

    async function send() {
        return await axios.get(url, config)
    }

    return response;
}

export function Post(url, data, options) {
    const [response, setResponse] = useState(null);

    useEffect(() => {
        send()
            .then((res) => {
                setResponse(res.data)
            })
            .catch((err) => {
                console.log(err)
            });
    }, []);

    async function send() {
        return await axios.post(url, data, options)
    }

    return response;
}

// Другой файл .js
Post(`${config.API_HOST}/v1/cookie`, {}, {}) // Если я добавляю третим аргументом (Options) withCredentials: true то возвращает CORS Error

ExpressJs:

router.post('/cookie', async (req, res) => {
     res.cookie('test', 'example-cookie-value', {
         httpOnly: true,
         secure: true,
         maxAge: 600
     })
     res.status(200).json({message: 'hi'})
})

В Network Cookie возвращается
Но не устанавливается

Comments

[Lynn «Кофеман»]

И как вы проверяете что не устанавливается?

[Lynn «Кофеман»]

[почти оффтопик]
В каком, блин, учебнике пишут что апи должен быть на отдельном домене?
Зачем нужно на ровном месте создавать себе кучу проблем с CORS, сторонними куками и прочими кроссдоменными сложностями?

[Михаил]

Lynn «Кофеман», Смотрю в F12 -> Applications -> Cookies -> Domain

[Lynn «Кофеман»]

Михаил, Кука устанавливается (если вообще установится) на домене указанном в переменной config.API_HOST

[szQocks]

Михаил, те надо отправлять запрос на бэк с withCredentials: true, но как ты написал в ответы ты получаешь cors, вот и нужно разобраться с тем почему ты получаешь cors, а куки и не установятся т.к ты не даёшь на это добро в запросе