Как получить куки из API?

Question

[regix]

Я делаю запрос из фронтенд приложения на Vue с помощью Axios моей API endpoint, которая нахожится на другом домене. JSON я успешно получаю, но как получить и значение куки? В моем выводе response нету этих кук.

mounted () {
    axios.get('http://localhost:7777/api/data')
      .then((res) => {
        console.log(res)
        this.apiData = res
      })
  }

Answer 1

[RidgeA]

document.cookie

Comments

[regix]

это если куки УЖЕ есть на загруженной странице, я говорю о куках, на точке API куда обращается фронтенд приложение.

[regix]

мне нужно ИЗ приложения получить куки API, которые я уже потом установлю и смогу обращатся к ним через document.cookie

[RidgeA]

если пришел ответ с заголовком Set-Cookie, то браузер сам установит куки.

[regix]

RidgeA: вот что у меня делает API на Express

res.header('Access-Control-Allow-Origin', '*')
res.cookie('name', 'holy fuck', {maxAge: 6000000})

Если я открываю API localhost:7777/api/data напрямую, то куки успешно устанавливаются в браузере. Но как это сделать из приложения, которое обращается к этому АПИ?

[RidgeA]

покажи что приходит в запросе со вкладки Network, возможно кука сетапится в другой домен.

[regix]

RidgeA: из приложения или напрямую из API?

[RidgeA]

regix: приложения

[regix]

Что именно?

[RidgeA]

regix: заголовки запроса на api

[regix]

Там все ок



Но как получить к этому доступ?

[regix]

Или подождите, вам запрос надо?

[RidgeA]

а какой адрес в барузере?

[regix]

RidgeA:
приложения? localhost:8080
апи localhost:7777

[RidgeA]

https://stackoverflow.com/questions/10966689/set-c...
проверить httpOnly можно на вкладке Application

[regix]

RidgeA: я починил с помощью res.header('Access-Control-Allow-Credentials', true) и добавлением withCredentials при запросе Axios! спасибо

[regix]

RidgeA: это правильное использование, подскажите плз? Вроде работает. Но практики оценить нормальное ли это решение у меня нету.

[HELPS332]

regix, можешь пожалуйста скинуть скриншот кода!