React/Vue（或任何其他类似框架）MPA 实现答案

【问题标题】：React/Vue (Or any other similar framework) MPA implementationReact/Vue（或任何其他类似框架）MPA 实现
【发布时间】：2019-07-12 23:32:13
【问题描述】：

我是 React 和 Vue 框架的新手。我正在学习如何从课程中构建简单的 SPA，但没有针对 MPA/SPA 的课程。

例如，当我需要包含 3 个部分的网站时：注册表单、登录表单、仪表板

我不想使用 SPA 和路由器。我希望后端将这 3 个部分作为 3 个不同的网站提供服务。如果你问为什么，那是因为我在几乎所有由 React/Vue 支持的网站（Instagram、AirBnB、Qualitista ......）上都看到了这种技术

您能否向我解释一下什么是最佳做法以及如何实施以及是否值得一试？还是无论如何我都应该只制作后端 API + SPA。

【问题讨论】：

Airbnb 正在使用我们所说的通用 SPA 应用程序。并且肯定在使用某种路由器
@Borjante 这不是我的问题。我的问题是如何使应用程序有时是 SPA 有时是 MPA（例如，当您在 Airbnb 中单击“设置”时，网站刷新......这意味着它不是 SPA）
我们将使用 VueJS，如果您选择使用普通的标签而不是页面将刷新
公司使用服务器端渲染或预加载来绕过 Vue 在 SEO 方面的限制。 Google 无法抓取 Vue 组件，因此从服务器提供它们可以让它们在渲染之前被索引。 YouTube 和 Udemy 上有这方面的指南，这绝对是一种先进的技术。

【解决方案1】：

我对这个话题了解不多。但经过一番搜索，这个Universal Multi-Page React App 看起来可能是一个教程，可以做你感兴趣的事情？在这篇 Reddit 帖子中还发现了一些关于 Multi-page React Sites 的信息。

这里还有一些关于 Vue.js 如何做到这一点的信息，来自 I'mOnlyVueman 以及我在该主题上找到的几篇文章。

公司使用服务器端渲染或预加载来绕过 Vue 在 SEO 方面的局限性。谷歌无法抓取 Vue 组件，因此从服务器为它们提供服务允许它们被索引渲染之前。

如果你要问我一个学习多页面应用程序的好例子，我不会去 React/Vue 来做这件事，我会使用 MVC。如果您有兴趣，Microsoft 有大量教程。 Create a web app with ASP.Net Core and MVC

希望这会有所帮助！

【讨论】：

Google 现在会抓取 JS 渲染的 SPA。
@RoyJ 你有这方面的资料吗？上次我检查它不是 100% 可靠，有时他确实索引 JS 内容，有时他没有
webmasters.googleblog.com/2014/10/… > 为了获得最佳呈现和索引，我们的新指南指定您应该允许 Googlebot 访问您的网页使用的 JavaScript、CSS 和图像文件。这为您的网站提供了最佳的呈现和索引。
更多：thesempost.com/…