Я не могу понять, в чем здесь проблема ...
Я создал блог с нумерацией страниц, используя nuxt.js, теперь в моем nuxt.config.js
У меня есть метод, который получает сообщения отс таким содержимым
const getBlogPosts = async () => {
let blogPosts = await client.getEntries({ order: '-sys.createdAt', limit: 1000, content_type: config.CTF_BLOG_POST });
return blogPosts;
};
затем, когда я генерирую маршруты, я делаю следующее ...
generate: {
routes: async () => {
const posts = await getBlogPosts();
const routes = [];
let postsNum = Math.ceil(posts.items.length / 10); // get the page numbers
for (let i = 1; i <= postsNum; i++) {
routes.push({
route: '/page/' + i,
payload: {
data: posts.items.splice(i === 1 ? 0 : i * 10, 10)
}
});
}
return routes;
}
},
, затем в моем _page/index.vue
<script>
export default {
components: {
//...
},
aysnc asyncData(context) {
if(context.payload) {
return {
blogPosts: context.payload.data.items.slice(0, 8)
}
} else {
//...
}
}
}
</script>
теперь, когда я запускаю это локально, страница работает нормально, без ошибок и т. Д., Но на nuxt generate
я получаю
ERROR: Error generating /page/1
теперь я попытался console.log()
blogPosts на mounted()
, но он никогда не срабатывает.
Я не могу понять, что здесь не так, я попытался отменить все и сделал мои _page/index.vue
, чтобывыглядит так
<template>
<div>
<h1>hello</h1>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
, но я все еще получаю ошибку генерации, у меня есть console.log()
маршрутов, и я получаю
[ 11:39:44
{
route: '/page/1',
payload: {
data: [Array]
}
}
]
, который выглядит правильно, так почему страница ошибается??
edit
Когда я проверяю мою папку dist, страница 1 index.html есть, но в html она говорит this page could not be found
anyпомощь будет оцененапередал спасибо или есть способ получить лучшее сообщение об ошибке