如何从服务器拉取 Vue Router 页面？

Question

我正在构建一个需要多个页面的 Electron 应用。我已经将 Vue Router（我已经在使用 Vue）用作路由系统，但我想将每个页面存储为一个单独的 HTML 文件。

我已经尝试了几件事：

• 向页面发出 Ajax 请求，然后将其内容放入路由中。尝试导航到路线时，我收到了 route not allowed 错误。
• 向页面发出 Ajax 请求，然后用请求的页面替换 #app 元素的内容。这导致{{ template_things }} 停止工作。

我也愿意使用其他路由系统。 Vue Router 似乎是最方便的。

谢谢！

Answer 1

你可以试试Nuxt.JS。

Nuxt.js 的一大创新在于 nuxt generate 命令。 在构建您的应用程序时，它会为您的每条路由生成 HTML 并将其存储在一个文件中。

例如下面的文件结构：

-| pages/
----| about.vue
----| index.vue

将生成：

-| dist/
----| about/
------| index.html
----| index.html

GitHub 上有一个带有 Nuxt 的 Electron 入门应用程序