首页 > 解决方案 > 100% 动态多租户 VueJS/.NetCore 应用程序中的 SSR(内容、组件等)

问题描述

我有一个基于 .Net Core 应用程序的现有多租户应用程序,我们将其用于基本页面——索引页面包含 Vue 入口点并从数据库呈现 CMS 内容。这也充当 API。前端主要是 VueJS。这是在生产中,目前工作正常。

这是流量

  1. 在编辑器中创建核心组件并保存在数据库中
  2. 创建租户和租户特定组件和核心组件可以在此阶段分配给租户。
  3. 每个租户都有一个 CMS,可以使用纯 html、脚本和 Vue 组件。
  4. 保存内容或组件时,我们解析内容并收集组件和依赖组件的列表以创建特定于页面的缩小 .js 文件,然后我们将其保存到 CDN 并在初始化 Vue 之前在 .net 核心页面中引用。

对于 Vue,我们不使用 Webpack 等构建代理。

我们稍微偏离了最初的需求,需要支持服务器端渲染,这对于 99% 的项目来说都是非常直接的,但我真的很纠结如何将它应用到我们的应用程序中。

页面、组件和脚本都在运行时被引用和更新,核心 Vue 逻辑不知道任何组件或它们可能被引用/使用的位置。

有人对我们如何实现 SSR 有任何类似或任何想法吗?我愿意接受所有建议,在此先感谢。

标签: vue.jsasp.net-corevue-componentserver-side-rendering

解决方案


推荐阅读