Ошибка Cannot set headers after they are sent to the client?

Question

[NewUser4242]

Разрабатываю приложение на vue.js, в качестве SSR используется NUXT. В дефолтной компоненте( рендериться всегда) используется проверка типа

Код

async created() {
    const isToken= this.$cookies.get('token_auth');
    if (isToken) {
        this.$axios.defaults.headers.Authorization = `JWT ${token}`;
        await this.doSometThing(); ( запрос в VueX)
         } 
    }

И в результате иногда проскакивает ошибка по-типу

Ошибка

ERROR Cannot set headers after they are sent to the client
...

Не совсем понимаю что делать так как не сталкивался с таким. Может у кого есть варианты?

Answer 1

[DevMan]

это же классика: хидеры должны отправляться ПЕРЕД любым другим вывоводом.

Comments

[NewUser4242]

Не подскажите как исправить? В разные функции вынести или как?
Проблема еще в том, что я в console.log проверял, и данный скрипт срабатывает 2 раза. Когда компонент рендерится и на стороне nuxt. И получается хедеры отправил, пошел первый запрос, компонента 2 раз рендерится я пробую прописать хедеры а первый запрос еще активен, и отсюда ошибка. Подскажите пожалуйста как исправить?

[DevMan]

NewUser4242, убрать любой вывод до установки кук.

[NewUser4242]

DevMan, Не подскажите как такое реализовать в данном случае? Спасибо

[DevMan]

NewUser4242, увы, не подскажу: надо иметь код и возможность дебага.