Ax ios запрос на один компонент на стороне сервера - PullRequest
Новая
       31

Ax ios запрос на один компонент на стороне сервера

0 голосов
/ 22 января 2020

Как можно сделать в компоненте vue запрос ax ios на стороне сервера. Компонент должен показывать результаты ответа ax ios (это большой ответ, поэтому сторона сервера должна быть более производительной, чем сторона клиента). 

<template>
  <div>

  </div>
</template>

<script>
export default {
  props: {
    ...
  },

  ...
}
</script>

Я пробовал созданные методы жизненного цикла и смонтированы, но оба работают на стороне клиента (и созданный также на сервере). Можно ли выполнить несколько запросов ax ios для одного компонента на стороне сервера?

1 Ответ

0 голосов
/ 27 января 2020

У вас есть два способа сделать это в Nuxt. Вы можете использовать метод asyncData: 

<template>
  <div>

  </div>
</template>

<script>
export default {
  props: {
    ...
  },
  async asyncData (context) {
    // here you have access to app, store, axios if you use it, etc
    return yourData // your data will be available as a data
  }

  ...
}
</script>

У вас также есть возможность использовать middleware. Он работает так же, как метод asyncData, и вы также можете использовать его в компоненте страницы, но вы можете использовать его глобально, чтобы он мог выполняться при каждом изменении страницы (например, полезно для перенаправления пользователя при определенных условиях)

Больше информации: https://nuxtjs.org/api/pages-middleware/

...