网站的一部分可以是生成的静态网站而另一部分是传统的水疗中心吗?
Can part of a website be static site generated and the other be a traditional spa?
所以,我在 Nuxt 中建立了一个网站并使用了 ssg。这很好,但对于另一个网站来说,90% 的内容都是静态文本和图像,但我想要一个客户登录门户,他们可以在其中查看其产品的状态。根据我的理解,我不明白这怎么可能也是 ssg。那么可以两者兼得吗?
Vue.js 被渲染到#app。 div 之外的所有内容都将是静态的。所以是的,你可以两者兼得。顺便说一句,如果您完全不需要 SPA,请检查 alphine.js 这是一个轻量级的替代方案。
generate-exclude
配置可以帮助您避免 SSR 特定页面。
所以,假设我们有这个
export default {
generate: {
exclude: [
/^\/admin/ // path starts with /admin
]
}
}
它将 SSR 渲染除 admin
路径之外的所有内容,该路径将仅作为 SPA 生成的路径提供。
编辑以回答评论
如果你有这种结构,admin
下的所有嵌套路由都将呈现为SPA页面。 blog
和 pricing
仍然是通用的(呈现 server
+ client
)。
此外,一个简单的 admin.vue
也可以完成这项工作是的(如果不需要更多路由)。
pages
--admin
----secure-dashboard.vue
----info.vue
--blog
--pricing
对于缓存,我不确定它的具体行为,但它应该仍然有效,因为它是浏览器端的。不完全取决于渲染类型。
所以,我在 Nuxt 中建立了一个网站并使用了 ssg。这很好,但对于另一个网站来说,90% 的内容都是静态文本和图像,但我想要一个客户登录门户,他们可以在其中查看其产品的状态。根据我的理解,我不明白这怎么可能也是 ssg。那么可以两者兼得吗?
Vue.js 被渲染到#app。 div 之外的所有内容都将是静态的。所以是的,你可以两者兼得。顺便说一句,如果您完全不需要 SPA,请检查 alphine.js 这是一个轻量级的替代方案。
generate-exclude
配置可以帮助您避免 SSR 特定页面。
所以,假设我们有这个
export default {
generate: {
exclude: [
/^\/admin/ // path starts with /admin
]
}
}
它将 SSR 渲染除 admin
路径之外的所有内容,该路径将仅作为 SPA 生成的路径提供。
编辑以回答评论
如果你有这种结构,admin
下的所有嵌套路由都将呈现为SPA页面。 blog
和 pricing
仍然是通用的(呈现 server
+ client
)。
此外,一个简单的 admin.vue
也可以完成这项工作是的(如果不需要更多路由)。
pages
--admin
----secure-dashboard.vue
----info.vue
--blog
--pricing
对于缓存,我不确定它的具体行为,但它应该仍然有效,因为它是浏览器端的。不完全取决于渲染类型。