Vue.js Nginx服务器上的NuxtJs构建SPA

我想在我的Nginx服务器上部署我的单页应用程序
所以我跑了

npm run build

我把dist文件夹上传到我的服务器上，它可以很好地处理静态页面，但是如果在有动态url的动态页面上，我会得到下面的错误

错误404-找不到页面

---

请帮我解决这个问题。

您的Web服务器不知道Vue应用程序内部的路由，因此您需要让Nginx将应用程序的所有请求指向index.html，然后Vue路由将接管。可以找到文档

从中复制的所需配置代码段如下：

location / {
  try_files $uri $uri/ /index.html;
}

---

您的Web服务器不知道Vue应用程序内部的路由，因此您需要让Nginx将应用程序的所有请求指向index.html，然后Vue路由将接管。可以找到文档

从中复制的所需配置代码段如下：

location / {
  try_files $uri $uri/ /index.html;
}

---

nuxt docs告诉过你，它在动态路由中不会像预期的那样工作。你最好的选择是停止使用像

/page/sub-page/：id

这样的路由，而求助于

/page/sub-page？id

。nuxt文档告诉你，它不会像预期的那样使用动态路由。您最好停止使用像

/page/sub-page/：id

这样的路由，并求助于

/page/sub-page？id

。谢谢您的回答，但是应该在哪里添加此配置片段？谢谢您的回答，但是应该在哪里添加此配置片段？