Javascript 如何从服务器中提取Vue路由器页面?

Javascript 如何从服务器中提取Vue路由器页面?,javascript,vue.js,electron,vue-router,Javascript,Vue.js,Electron,Vue Router,我正在构建一个需要有多个页面的电子应用程序。我已经将Vue路由器(我已经在使用Vue)作为一个路由系统,但我希望将每个页面存储在一个单独的HTML文件中 我试过几件事: 向页面发出Ajax请求,然后将其内容放入路由。尝试导航到路线时,出现不允许的路线错误 向页面发出Ajax请求,然后用请求的页面替换#app元素的内容。这导致{{template\u things}}停止工作 我也愿意使用其他路由系统。Vue路由器似乎是最方便的 谢谢大家! 你可以试试看 Nuxt.js的最大创新在于Nuxt

我正在构建一个需要有多个页面的电子应用程序。我已经将Vue路由器(我已经在使用Vue)作为一个路由系统,但我希望将每个页面存储在一个单独的HTML文件中

我试过几件事:

  • 向页面发出Ajax请求,然后将其内容放入路由。尝试导航到路线时,出现
    不允许的路线
    错误
  • 向页面发出Ajax请求,然后用请求的页面替换
    #app
    元素的内容。这导致
    {{template\u things}}
    停止工作
我也愿意使用其他路由系统。Vue路由器似乎是最方便的

谢谢大家!

你可以试试看

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

例如,以下文件结构:

-| pages/
----| about.vue
----| index.vue
将产生:

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

有一款开启Nuxt的Electron starter应用程序

看起来你想绕过Vue的主要优势。为什么?如果是这样的话,你为什么不直接用VanillaJS和HTML呢?你正在尝试的方法是微型前端,这可能会有所帮助