如何管理 VUE 路由构建 MPA 网页？答案

【问题标题】：How to manage VUE routing builiding a MPA webpage?如何管理 VUE 路由构建 MPA 网页？
【发布时间】：2020-03-01 09:17:57
【问题描述】：

我是使用 Vue.js 的新手。我正在尝试为公司的大型系统构建前端设计。在这个系统中，用户有一个帐户，他们可以访问多个页面来管理他们的帐户，与其他帐户交互，预约，管理或删除其他用户等。我认为既然是一个大系统，我应该使用 MPA 方法，因为我读过 SPA 不应该用于网页作为博客或在线商店，因为这些网页会不断更新（就像这个系统一样）。我的问题是：我找不到在 vue 上配置 MPA 的适当指南，是否有此指南？

我已经跟进了 PJ.Wanderson 的这个 stackoverflow anwser：multiple pages in Vue.js CLI 但还是有疑问。

我还应该使用 vue 路由器吗？我应该在那里使用什么样的配置？

在这种情况下如何处理带参数的路由？在这种情况下我也应该使用 SSR 吗？

提前致谢。

【问题讨论】：

不太清楚你所说的“因为那些不断更新的网页”是什么意思，不断更新水疗中心有什么问题？
对不起，我虽然在一篇文章中读到过，但我实际读到的是：“如果你知道你需要多个类别（因为，例如，你经营一家网上商店或发布很多其他内容）——使用多页网站。”但我想这与不断向系统不断上传新信息的事实无关。无论如何，我仍然认为 MPA 是最好的方法，因为有很多信息要显示以将其作为单个页面加载。

标签： vue.js vuejs2 vue-router multi-page-application

【解决方案1】：

如果您想在 Vuejs 中构建 MPA，最好的选择是在 Nuxt 中构建它。 Nuxt 将为您处理所有的 SSR。我想知道为什么首先要在 Vue 中构建它？没有太多关于 Vuejs 的 MPA 信息的原因是因为大多数人使用它构建 SPA。另一种选择是在 Vuejs 中构建一个 SPA 并将其部署在子域上。然后将您的营销和其他相关页面放在一个简单的 wordpress 网站上。希望这有帮助。

【讨论】：

其实是因为他们让我用Vue开发。我是新手，所以我认为会有一种开发 MPA 的简单方法。除了 Vue，你还有什么建议吗？非常感谢您的建议。
就像我说的，如果他们要求你用 Vue 开发，最简单的方法是使用 Nuxt 哈哈。这来自他们的网站：使用 NuxtJS 自信地构建您的下一个 Vue.js 应用程序。使用 SSR，也称为“通用”或“同构”模式，Node.js 服务器将用于将基于您的 Vue 组件的 HTML 交付给客户端，而不是纯 JavaScript。使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多机会（与传统的 Vue SPA 相比）。