я оттуда вытаскиваю куку и теперь мне нужно ее где-то сохранить, но так, чтобы другие запросы не видели его

Ну вот тебе в init надо создавать инстанс аксиоса со вшитой кукой

Ну вот тебе в init надо создавать инстанс аксиоса со вшитой кукой

и куда этот аксиос положить чтобы потом достать его в экшнах?

Да куда угодно

Да куда угодно

нельзя же куда угодно

session pollution будет

например, как глобальный синглтон его точно нельзя хранить

Между разными юзерами-то?

ага

А инит вызывается только при старте сервера, или на каждый запрос?

А инит вызывается только при старте сервера, или на каждый запрос?

на каждый вроде

кстати, хороший вопрос

Ну вот и все. Если на каждый запрос, тебе надо просто этот инстанс пересозадавать

axios.create({headers:{ Cookie: "cookie1=value; cookie2=value; cookie3=value;" } })

axios.create({headers:{ Cookie: "cookie1=value; cookie2=value; cookie3=value;" } })

и куда положить его, чтобы из экшнов было доступно?

Если только при старте сервера... Ну тогда плохо

Ну вот куда угодно и кладешь

))

Если он на каждый запрос будет пересоздаваться, никакой утечки не будет

Если он на каждый запрос будет пересоздаваться, никакой утечки не будет

дело не в утечке же

параллельно 2 юзера если сделают запрос?

Хм. Я так думаю там каждого будет обслуживать свой инстанс ноды

У нас же js однопоточный

SSR же не синхронный, там промис чейн

Оу

подтянул данные А, потом данные Б и тд.

Сек

Если только при старте сервера... Ну тогда плохо

ну вот в дев режиме попробовал -- вроде на каждый запрос заново срабатывает

щас попробую в прод режиме

Логично, если у него доступ к реквесту текущему есть

Логично, если у него доступ к реквесту текущему есть

да, логично, но лучше проверить ))

в ЖС мире все лучше проверять ))

Ну вообще да, я твои опасения понимаю

Вполне возможно что действительно косячно будет

Попробуй подебажить с помощью брекпоинтов

щас попробую в прод режиме

в прод режиме тоже ок

Я чет прям хз как там именно это организовано внутри

Я б сказал что скорее всего один рендеринг делается в одном потоке

Но это ваще не точно

Я б тебе порекомендовал чутка подзапариться с этим вопросом и вникнуть

Хотя бы с брекпоинтами пошаманить

Чтобы убедиться что точно не будет утечки

Вполне возможно что действительно косячно будет

я щас вот так сделал: const createHttp = state => process.server ? axios.create({ baseURL: 'http://localhost:8080', headers: { 'Cookie': state.cookie } }) : axios export const actions = { async nuxtServerInit ({ dispatch, commit }, { req, redirect }) { if (process.server) { commit('setCookie', req.headers.cookie) } try { await dispatch('fetchAuth') } catch (e) { console.log(e) redirect('/login') } }, async fetchAuth({ state, commit, dispatch }) { const http = createHttp(state) const { data } = await http('/api/currentUser') commit('setAuth', data) await dispatch('fetchOtherData') }, ... }

и вроде все ок, но смущает, что state.cookie прилетает на клиент

В стейт-то куки зачем запихивать?

Прям с req бери их

В стейт-то куки зачем запихивать?

в fetchAuth нет реквеста

Ну так сделай в самом начале let cookie локальной переменной

А потом в createHTTP её юзай

Хотяяя

Хотяяя

вооот

Лучше просто в фетч auth очищай кук из стейта, да и все

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

Очищай куку и все

Сразу после того как сделал createHttp

commit('setCookie', null)

Или даже в нем самом

Сразу после того как сделал createHttp

await dispatch('fetchOtherData') же еще есть

Ну и что?

там тоже нужна эта кука

и так далее по цепочке

Ну значит после него делай

а внутри nuxtServerInit нельзя аксиос создать?

Ну вот я про это и толкую ему

и юзать его внутри фетчей

Угу

и юзать его внутри фетчей

а как передать его в фетчи? если как параметр, то в каждом фетче нужно будет проверять передали его или нет

Есть опасение что там параллельно может идти рендеринг трех юзеров, например

Синглтоном его делать

хотется, чтобы фетчи на ССР и клиенте были идентичные

а как передать его в фетчи? если как параметр, то в каждом фетче нужно будет проверять передали его или нет

и не забыть его дальше передать

и не забыть его дальше передать

Делай его глобальным и все

да поидее скоуп свой на каждый запрос должен быть )

если там будет 1000 разных запросов в разные места, тогда вобще каша бы получилась

const createHttp = state => process.server ? axios.create({ baseURL: 'http://localhost:8080', headers: { 'Cookie': state.cookie } }) : axios export const actions = { async nuxtServerInit ({ dispatch, commit }, { req, redirect }) { try { if (process.server) { await dispatch('fetchAuth', createHttp({cookie: req.headers.cookie})) } else { await dispatch('fetchAuth') } } catch (e) { console.log(e) redirect('/login') } }, async fetchAuth({ state, commit, dispatch }, httpInstance) { const http = httpInstance || axios const { data } = await http('/api/currentUser') commit('setAuth', data) await dispatch('fetchOtherData', http) }, async fetchOtherData({ state, commit, dispatch }, httpInstance) { const http = httpInstance || axios const { data } = await http('/api/otherData') commit('setOtherData', data) ... }, ... } вот такой еще вариант есть, но это кажется еще хуже

Ты аксиос откуда импортишь?

import axios from 'axios' вот так наверху

Ну вот

Ты можешь просто делать axios = axios.create(...) и все

И дальше всегда его просто использовать точно так же