NuxtJs 在 Nginx 服务器上构建 SPA

Question

我想在我的 Nginx 服务器上部署我的单页应用程序，
所以我运行

npm run build

我将 dist 文件夹上传到我的服务器，它在静态页面上工作正常，但如果在具有动态 url 的动态页面上，我收到以下错误

错误 404 - 页面未找到

你能帮我解决这个问题吗？

Answer 1

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

从那里复制的所需配置片段如下：

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