前端框架（如 Vue/Angular）应该如何与后端 MVC 框架（Laravel/Sails）交互

Question

我们需要一个为移动应用提供 API 的 restful 后端。 我们还需要一个管理网站来管理 restful 后端。

现在我们有 Sails.js 作为后端框架，Vue.js 作为前端框架。

我对 MVC 框架还很陌生，我有点困惑这两个框架应该如何相互交互：

应该：

• 前端框架独立存在（可能在单独的服务器上），它调用后端框架公开的api，或者

• 前端框架位于 Sails.js 内部，充当 Sails 框架的“视图”

我什至不能 100% 确定我的问题是一个有效的问题，我想知道哪些是流行的方法，有什么优点和缺点吗？

Answer 1

您的问题过于宽泛，无法单独解释，但根据我的理解，主要概念是数据绑定。

假设你已经了解一些 JavaScript，你可以找到很多 free screencasts 从头开始​​。

Answer 2

您可以同时进行，即将前端框架保留在 Sails 项目中以及单独的独立项目中。

这两件事我都做了，在做出这个决定时我会牢记以下几点：

1. 如果项目足够复杂，那么最好使用一些脚手架工具创建一个单独的项目。
2. 如果项目要经常更改并自行发展，那么最好创建一个单独的项目。
3. 如果要制作一次性/小视图，那么我更愿意将其保留为 Sails 项目的一部分

由于您使用的是管理面板的前端框架，我认为 会很复杂，我建议你在同一台服务器上创建单独的项目。

您可以使用yeoman 搭建脚手架。我已经将它用于一些 Angular 项目并且效果很好。