NuxtJs在Nginx服务器上构建SPA

时间:2018-03-22 15:15:36

标签: vue.js vuejs2 single-page-application nuxt.js

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

npm run build

我将dist文件夹上传到我的服务器,它与静态页面一起工作正常,但是如果在动态页面上有动态网址我得到了以下错误

  

错误404 - 未找到页面

你能帮我解决这个问题。

1 个答案:

答案 0 :(得分:2)

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

从那里复制所需的配置代码段如下:

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