@maniacus26

Почему страница динамически не обновляется?

Добрый день!
Есть страничка на nuxt (10.10.10.253:3000) которая обращается к бэкэнду на Django REST Framework (10.10.10.253:8000). Страничка содержит в себе перечень статей (posts) получаемых от бэка. Сведения отображаются, но любые изменения видны только через обновление страницы.
Например у статьи меняю заголовок, а изменения видны только после перезагрузки страницы.

<script>
import axios from "axios";
export default {
  async asyncData(ctx) {
    const { data } = await axios.get(`http://10.10.10.253:8000/api/posts/`);
    return {
      posts: data.results,
    }
  }
}
</script>


Как добиться того что бы любое изменение в статье (заголовок, текст, картинка) приводило к обновлению на главной странице (index.vue) ?
  • Вопрос задан
  • 207 просмотров
Решения вопроса 1
@exmach
Frontend Developer
Используйте fetch() вместо asyncData() и для обновления данных вызывайте this.$fetch(). В текущем варианте данные не могут и не будут обновляться без перезагрузки страницы.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы