Vue js SSR：可以多页单页应用吗？

Question

我知道这听起来像一个巨大的矛盾，但我不知道如何表达它。

vue 服务器端渲染似乎只能有单页应用程序。

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

例如这些将是服务器端路由（即 URL）：

/
/contact
/articles
/authors

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

/articles/lastweek
/articles/nextweek

上周和下周将是客户端路线。作者也一样

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

体育、政治和生活方式将客户端路线。

因此 /articles 和 /authors 的行为就像它们各自是一个单页应用程序，但它们不是，因为它们是服务器生成的页面。

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

Answer 1

是的，你可以这样做！我们刚刚开始在我的工作中以这种确切的方式实现 vue。您需要做的就是在每个服务器生成的页面上包含 vue.js 脚本，然后为每个服务器视图使用不同的 vue 应用程序。我们使用文件夹结构使其井井有条。

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

所以每个视图都有自己的css 和js。 js 是视图的 vue 应用程序。您可以以最适合您的项目的方式来构建您的项目，我只是想发布一个示例。