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

Posted 2023-02-22

【中文标题】如何管理 VUE 路由构建 MPA 网页？

【英文标题】：How to manage VUE routing builiding a MPA webpage?

【发布时间】：2020-03-01 09:17:57

【问题描述】：

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

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

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

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

提前致谢。

【问题讨论】：

不太清楚你所说的“因为那些不断更新的网页”是什么意思，不断更新水疗中心有什么问题？

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

【参考方案1】：

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

【讨论】：

其实是因为他们让我用Vue开发。我是新手，所以我认为会有一种开发 MPA 的简单方法。除了 Vue，你还有什么建议吗？非常感谢您的建议。

就像我说的，如果他们要求你用 Vue 开发，最简单的方法是使用 Nuxt 哈哈。这来自他们的网站：使用 NuxtJS 自信地构建您的下一个 Vue.js 应用程序。使用 s-s-r，也称为“通用”或“同构”模式，Node.js 服务器将用于将基于您的 Vue 组件的 html 交付给客户端，而不是纯 javascript。使用 s-s-r 将带来巨大的 SEO 提升、更好的用户体验和更多机会（与传统的 Vue SPA 相比）。