asyncData () достигнуто в dev, а не при публикации - PullRequest
Новая
       16

asyncData () достигнуто в dev, а не при публикации

0 голосов
/ 24 мая 2019

У меня есть приложение Nuxt, пытающееся поместить кнопку обмена facebook на мою страницу с динамическими данными.Страница должна загружать некоторые данные с помощью axios и обновлять мои метаданные информацией.

Работает в разработке, но не при публикации (универсальное приложение).Я также вижу, когда приложение развертывается, оно загружает мою стартовую страницу и затем идет по маршруту /profile/:id.

Nuxt заявляет, что AsyncData () выполняет только один раз при получении первой страницы.Так как я могу предотвратить переход на другую страницу в первую очередь?

Я попытался добавить маршрут в nuxt.config.js. Я могу перейти на страницу, но данные не загружаются (я думаю, потому что AsyncData() не запускается)

Мой динамический маршрут: pages / profile / _id / index.vue (пробовал с pages / profile / _id.vue имел ту же проблему)

nuxt.config.js 

router:{
    routes:[
      {
        name: 'profile-id',
        path: '/profile/:id?',
        component: 'pages/profile/_id.vue'
      }
    ]
  },

_id / index.vue 

async asyncData({ app, params, store, }){
    var oets = await store.dispatch('profiles/getProfile', params.id )
     return {
       profile:{
         ...oets
       }
     }
  },

Я добавил запись на свою страницу индекса с поиском.Я посылаю параметр на страницу -> это работает. 

this.$router.push(`profile/${this.search}`)

Когда профиль / идентификатор загружается таким образом, он показывает данные.Но, конечно, это не помогает мне быть страницей с общим доступом в Facebook.Когда я сканирую сайт с помощью Facebook, он возвращает информацию с 1-й страницы индекса.не страница профиля / идентификатора.

Резюме: работает в dev, а не в live. Кажется, пропустить функцию AsyncData (). Мне кажется, мне нужно изменить конфигурацию или использовать другой подход.

...