NuxtJs 在 Nginx 服务器上构建 SPA [关闭]答案

【问题标题】：NuxtJs Build SPA on Nginx server [closed]NuxtJs 在 Nginx 服务器上构建 SPA [关闭]
【发布时间】：2018-03-22 15:15:36
【问题描述】：

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

npm run build

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

错误 404 - 页面未找到

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

【问题讨论】：

好吧 nuxt 文档告诉你，它不会像预期的那样使用动态路由。最好的办法是停止使用/page/sub-page/:id 之类的路线，转而使用/page/sub-page?id。

【解决方案1】：

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

从那里复制的所需配置sn -p如下：

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

【讨论】：