javascript - Vue.js : Best way to implement MPA(Multi page app) in laravel

Question

我找了好久了，还是没找到。

在 Laravel 中实现 Vue MPA 架构的最佳方法和实践是什么。

搜索了很多。但是没有任何东西可以给你一个清晰的想法。您的回答会有很大帮助，请简短。

回答这个问题也很有帮助:

• 只使用 laravel 作为数据 API 并保留 Vue 是个好主意吗与 Laravel 分开？
• 实现 SPA 和 MPA 混合的最佳方法。

Answer 1

我已经使用过的一些选项:

使用Laravel渲染“主视图”+连接vue.js应用。

基本上，laravel 将呈现 Vue 应用程序，并且每个请求都通过 API。

1. 易于设置
2. 身份验证 + 用户验证更容易(您可以为此使用 laravel session 管理器 - 不需要构建/使用 token 或其他任何东西。“无需担心您的应用程序状态”。)
3. 易于与 Laravel“断开连接”- 如果您将来选择分离 SPA 应用程序。

仅将 laravel(或 lumen)用作 API，并在另一台服务器上呈现 SPA。

这可能需要更多时间，因为您需要设置额外的服务器、准备跨源等。

1. 也很容易设置，但可能比选项 #1 花费更多时间
2. 您需要为用户验证/状态管理等创建一些东西。
3. 如果您将来决定使用“仅一个应用程序”，则很容易放入 Laravel。
4. 可以更容易维护/扩展(如果你有一个前端团队，他们不需要担心 laravel - 对于你的“laravel 团队”，他们“不需要担心”前端)

Laravel + Vue = "一个应用程序"

您可以使用 Laravel 渲染页面中组件/元素的所有 View + vuejs。

1. 易于设置。你有 laravel + vuejs，它们已经准备好一起使用了。 https://laravel.com/docs/5.5/frontend#writing-vue-components
2. 分离并不那么容易。在这种情况下，您需要为 vue.js 创建相同的 View 。这可能需要时间。
3. 这是“传统网络开发”(在我看来)。如果我今天必须开始这样的项目，我不会在 Vue.js 中创建所有页面 + 在 Laravel 中创建一些东西( Controller + 新路由)来呈现这个 View 。如果你这样做(再次 - 我的意见)，那只是额外的工作。如果您担心 SEO，可以使用“回退”/额外选项。

--

所有选项都是可测试的 + 可扩展的。

这还取决于您如何开始(我是否应该担心将来如何解耦应用程序？Laravel + Vue 会永远好吗？)，您的团队将如何工作(< em>前端团队真的需要设置 laravel 还是他们只需要担心前端代码？) 等

不确定我是否回答了您的问题，如果没有，请发表评论。