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

Функция отдает все роуты которые есть. На страницы переходит, а ошибка только при обновлении в браузере(f5) динамических страниц

Error generating hospital/post/имя- где имя - slug каждого поста из бд .
При mode universal - динамические страницы не генерятся с ошибкой выше

Добрый день, а  не поможете?
В общем такая ситуация вот что делаю на странице

       async mounted() {
           await this.fetchSomething();
       },

       methods: {
           async fetchSomething() {
               this.aboutContent = await this.$axios.$get('/pageInfo?page=about');
               console.log(this.aboutContent);
               return this.aboutContent;
           },
       }
в консольке объект с данными все приходит с api.

в разметке делаю так aboutContent есть в data объявлен как пустой объект.
       <company-info class="about__companyInfo" :aboutContent="aboutContent"/>
       <our-values class="about__ourValues" :aboutContent="aboutContent"/>
в общем такое дело в компонент company-info все ок, вывожу данные
   <div class="companyInfo">
       <div class="container">
           <h1 class="companyInfo__title">{{aboutContent.h1}}</h1>
           <div class="companyInfo__textContent" v-html="aboutContent.text">
           </div>
       </div>
   </div>
а вот в компоненте ourValues
   <div class="ourValues">
       <div class="container">
           <h2 class="ourValues__title">{{aboutContent.values.title}}</h2>
           <ul class="ourValues__list">
               <li class="ourValues__item" v-for="value in aboutContent.values.items">{{value}}</li>
           </ul>
       </div>
   </div>
пишет Cannot read property 'title' of undefined
Не понимаю почему так происходит

у тебя видимо в момент первого рендера еще не заполнено aboutContent и иже с ним values, объяви структуру объекта полностью или сверху навесь v-if который будет проверять что-то в стиле aboutContent !== null чтобы разметка даже не рендерилась, пока данных нету

спасибо)А как лучше?

я пробывал v-if не на нал проверять сейчас сделал как вы посоветовали, но почему то ошибка та же

<div class="about" v-if="aboutContent !== null && aboutContent !== undefined">
Если закоментить второй компонент то все ок. Все в целом одинакого.

вот в консоли

спасибо если что получилось сделав так
{{aboutContent.values['title']}} вместо {{aboutContent.values.title}

aboutContent может быть и object у которого просто нету поля values и проверка будет проходить, но код продолжит не работать, нужно проверять и values

hasOwnProperty? не уверен что так пишется

или просто через точку aboutContent.values !== null?

ну я понял о чем вы благодарю:)

ну лучше на тип проверять, typeof abountContent === 'object' не null может быть и string и undefined )

Длиновато получается если вставлять такую проверку в div , просто ниже еще куча компонентов. Вы говорили о том что бы я объявил структуру заранее

Как я могу это сделать, т.е сперва законсолить и потом ручками переписать в data и так всегда?Или же в каждом компоненте делать v-if на родителя и  прописывать проверку уже внутри для тех свойств которые нужны. Я ток учусь сори за допросы можете не отвечать если лень)

Я бы не писал все эти условия в аттрибутах, вынеси в computed

вопрос: с нукстом нельзя сделать чтобы prism.js не добавлялся в бандл? у гатсби заметил что он все отрисовывает на сервере, даже при навигации на клиенте. ощущение что с нукстом так вообще нельзя

Хорошо сейчас сделаю, спасибо