Vue js SSR:我可以拥有多页单页应用程序吗?

时间:2018-01-22 15:53:55

标签: javascript node.js vue.js single-page-application serverside-rendering

我知道这听起来像是一个巨大的矛盾而且确实如此,但我不知道如何用它来表达它。

似乎与vue服务器端呈现一样,只能有单页应用程序。

但由于多种原因,我需要一个带有真实 URL的多个真实服务器端生成页面的应用程序,并且每个页面的行为类似于vue js提供的单页应用程序。

e.g。这些将是服务器端路由(即URL):

/
/contact
/articles
/authors

然后我希望能够在每个服务器生成的页面上 mount vue客户端路由,如

/articles/lastweek
/articles/nextweek

其中lastweek和nextweek将是客户端路线。作者相同

/authors/sports
/authors/politics
/authors/lifestyle

体育,政治和生活方式将成为客户方的路线。

所以/ articles和/ authors的行为就像它们每个都是单页面应用程序一样,除非它们不是,因为它们是服务器生成的页面。

我希望这听起来不太奇怪。

1 个答案:

答案 0 :(得分:0)

是的,你可以这样做!我们刚开始在我的工作中以这种方式实现vue。您需要做的就是在每个服务器生成的页面上包含vue.js脚本,然后为每个服务器视图提供不同的vue应用程序。我们使用文件夹结构来保持组织。

src
--content
----articles
------lastweek.css
------lastweek.js
------nextweek.css
------nextweek.js
----author
------sports.css
------sports.js
....

因此,每个视图都会获得自己的cssjsjs是视图的vue应用。您可以以最适合您项目的方式构建项目,我只想发布一个示例。