Nuxt val.replace не является функцией при получении asyncData из API

#vue.js #nuxt.js #meta #head #asyncdata

#vue.js #nuxt.js #мета #head #asyncdata

Вопрос:

мое намерение состоит в том, чтобы получить некоторые данные из api,

затем введите head(){}, чтобы задать описание и заголовок,

но он продолжает говорить мне, что val.replace — это не функция,

вот мой код

 async mounted() {
...await call api...
    if (resDataGetNewsInfo.return_code === 0) {
      vm.newsInfoObj = resDataGetNewsInfo.return_msg;
    } else {
      ...
    }
 

   asyncData() {
    return {
      newsInfoObj: '',
    };
  },
 

   head() {
    return {
      description: this.newsInfoObj.news_short_desc,
      meta: [
        {
          hid: 'og:title',
          property: 'og:title',
          content: this.newsInfoObj.news_title,
        },
 

Неперехваченная ошибка типа: val.replace не является функцией

спасибо, что ответили

Ответ №1:

Это не тот способ использования asyncData .

Ваш вызов API должен вызываться внутри asyncData , а затем возвращать ваши данные