Vue js SSR:我可以有一个多页的单页应用吗?
Vue js SSR: Can I have a multi-page single-page application?
我知道这听起来像是一个巨大的矛盾,但我不知道如何表达它。
好像vue服务端渲染只能有单页应用。
但是出于多种原因,我需要一个应用程序包含多个真实服务器端生成的页面,这些页面具有 真实 URL,并且每个页面的行为都像 vue js 提供的单页应用程序。
例如这些将是服务器端路由(即 URL):
/
/contact
/articles
/authors
然后我希望能够在每个服务器生成的页面上 安装 vue 客户端路由
/articles/lastweek
/articles/nextweek
上周和下周将是客户端路由。作者也一样
/authors/sports
/authors/politics
/authors/lifestyle
体育、政治和生活方式将成为客户端路线。
因此 /articles 和 /authors 的行为就像它们都是单页应用程序,但实际上它们不是,因为它们是服务器生成的页面。
我希望这听起来不会太奇怪。
是的,你可以做到!我们刚刚开始在我的工作中以这种精确的方式实现 vue。您需要做的就是在每个服务器生成的页面上包含 vue.js 脚本,然后为每个服务器视图使用不同的 vue 应用程序。我们使用文件夹结构来组织它。
src
--content
----articles
------lastweek.css
------lastweek.js
------nextweek.css
------nextweek.js
----author
------sports.css
------sports.js
....
所以每个视图都会有自己的 css
和 js
。 js
是视图的 vue 应用程序。您可以采用最适合您的项目的任何方式来构建您的项目,我只是想 post 举个例子。
我知道这听起来像是一个巨大的矛盾,但我不知道如何表达它。
好像vue服务端渲染只能有单页应用。
但是出于多种原因,我需要一个应用程序包含多个真实服务器端生成的页面,这些页面具有 真实 URL,并且每个页面的行为都像 vue js 提供的单页应用程序。
例如这些将是服务器端路由(即 URL):
/
/contact
/articles
/authors
然后我希望能够在每个服务器生成的页面上 安装 vue 客户端路由
/articles/lastweek
/articles/nextweek
上周和下周将是客户端路由。作者也一样
/authors/sports
/authors/politics
/authors/lifestyle
体育、政治和生活方式将成为客户端路线。
因此 /articles 和 /authors 的行为就像它们都是单页应用程序,但实际上它们不是,因为它们是服务器生成的页面。
我希望这听起来不会太奇怪。
是的,你可以做到!我们刚刚开始在我的工作中以这种精确的方式实现 vue。您需要做的就是在每个服务器生成的页面上包含 vue.js 脚本,然后为每个服务器视图使用不同的 vue 应用程序。我们使用文件夹结构来组织它。
src
--content
----articles
------lastweek.css
------lastweek.js
------nextweek.css
------nextweek.js
----author
------sports.css
------sports.js
....
所以每个视图都会有自己的 css
和 js
。 js
是视图的 vue 应用程序。您可以采用最适合您的项目的任何方式来构建您的项目,我只是想 post 举个例子。