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

Question

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

我尝试了几件事：

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

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

谢谢！

标签： javascriptvue.jselectronvue-router

Answer 1

你可以试试Nuxt.JS。

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

例如下面的文件结构：

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

会产生：

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

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