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

Question

[Игорь Мясников]

Добрый день
Есть динамический компонент post/_slug.vue

_slug.vue

<template lang="pug">
	.inner-wrapper
		<Breadcrumbs :labels="labels"/>
		main.main#content
			Article
				template(v-slot:title)
					h1.article__title {{ post.title }}
				template(v-slot:toc v-if="post.toc")
					Toc(:data="post.toc")
				template(v-slot:text)
					.article__text
						.container(v-html="post.text")
</template>

<script>
import Breadcrumbs from '@/components/sections/breadcrumbs';
import Article from '@/components/sections/article';
import Table from '@/components/table';
import Toc from '@/components/toc';

export default {
	validate({params}) {
		return Boolean(params.id);
	},
	data() {
		return {
			post: {},
		};
	},
	components: {
		Breadcrumbs,
		Article,
		Table,
		Toc,
		Gallery: () => import('vue-easy-lightbox'),
	},
	computed: {
		labels() {
			return {
				last: this.post.title,
			};
		},
	},
	async created() {
		const query = `
			query Articles($id: ID!) {
				article(id: $id) {
					title
					descr
					keywords
					slug
					text
				}
			}
		`;

		const responce = await this.$axios.$post(URL, {
			query,
			variables: {
				id: this.$route.params.id,
			},
			headers: {
				'content-type': 'application/json',
			},
		});

		this.post = responce.data.article;
	},
};

При переходе на него с любой страницы все работает, но при обновлении страницы выходит ошибка 404.

Answer 1

[Athanor]

Кто выкидывает ошибку 404? vue-router или ваш сервер? Если второе, то вам нужно либо включить hash-mode в вашем vue-router, либо сделать так, чтоб сервер на все запросы, кроме api, отдавал index.html

Comments

[Игорь Мясников]

вообще использую nuxt и async data

async asyncData({store, params}) {
		let post = await store.dispatch('posts/fetchById', params.id);

		post = post.data.article;

		return {post};
	},

и ошибка приходит с сервера

{ "statusCode": 404, "path": "/hospital/post/Ezhemesyachnaya-vyplata-v-svyazi-s-rozhdeniem-pervogo-rebenka", "message": "This page could not be found" }