Angularjs与API集成到django项目中

Question

我已经看到围绕这个主题的一些问题，虽然我仍然没有找到我正在寻找的答案。

实现AngularJS应用程序与django交互的正确方法是什么？

据我所知，该计划应该如下：

1. 使用django-restful来开发一些api。 它将可用，例如/ api / v1 / whatever / app
2. 右边单独的AngularJS代码将与步骤1中的api进行交互。
3. 做魔术：Django可以从/开始使用django路由器。 如何将AngularJS页面加载到客户端？ 我是否应该编写额外的TemplateView以允许在客户端对angularjs部分加载/？ 完整的网址（例如/ post /将被路由）？ 据我所知，angularjs中有单独的路由器。 它应该在Web服务器部分分开吗？ 例如/ api由nginx处理到django并且/处理为静态以加载角度？

我需要使用django-angular吗？ 可能看起来如果角度不会被集成到django模板中会更好，它将完全分开。 是这样吗？

也许它在我脑海中有点混乱。 虽然我在这里找不到相关的解释。

Answer 1

我一直在使用Django Rest Framework和AngularJS取得成功，以及我是如何做到的：

1. 将AnguarJS作为静态文件从www.yourdomain.com提供。 这可以通过nginx或apache轻松完成。
2. 接下来，通过api.yourdomain.com访问Django Rest Framework，这也是一个简单的配置。

您也可以让Django提供静态文件（AngularJS），但我认为这是一种不必要的复杂方法。

如果您实现此解决方案，请注意跨CORS错误。 当您的angularJS（来自www.yourdomain.com）尝试从另一个域（api.yourdomain.com）访问服务（Django Rest Framework）时，会发生这种情况。 使用几行额外的服务器配置可以轻松修复此问题（ nginx示例 ）