vue.js - NuxtJS路由错误: Page not found when navigating to an existing route

Question

刚开始使用 Nuxt，到目前为止我很喜欢它。我只有一个具体问题，我正在使用 prismic.io 作为我个人页面的 headless CMS。我有几个页面和一个“博客”页面。我在导航到博客路线时遇到问题，它返回找不到页面。现在，这有点奇怪，因为它在我的本地主机上运行良好，只是在部署时表现得那样。

站点正在 Netlify 上部署。

我已经尝试切换路由的链接并在我的本地机器上构建项目，它运行得非常棒。

网站链接: https://wonderful-gates-27a024.netlify.com/

这是我的页面文件结构:

Pages/
-- blog/
---- _uid.vue
-- About.vue
-- Blog.vue
-- Contact.vue
-- Works.vue
-- index.vue

重现问题的步骤

• 导航到关于
• 导航到联系人
• 导航到博客(有时会在这一步出现错误)
• 点击一篇文章
• 导航回博客(这里应该显示未找到)

出现错误后导航回博客的步骤:

• 在网址栏上，粘贴 wonderful-gates-27a024.netlify.com/blog然后按回车键。

找不到页面错误

Answer 1

它有时会起作用，因为您正在导航到

https://wonderful-gates-27a024.netlify.com/blog/

与

不同

https://wonderful-gates-27a024.netlify.com/blog

页面是/blog

https://wonderful-gates-27a024.netlify.com/blog

页面不存在

 https://wonderful-gates-27a024.netlify.com/blog/

存在。这是 /blog/_uid

所以如果你想让它工作，就让

Pages/
-- blog/
---- _uid.vue
---- index.vue// make this file and the /blog will work
-- About.vue
-- Blog.vue
-- Contact.vue
-- Works.vue
-- index.vue