在服务器端框架中使用Angular

Question

我将Flask用作服务器端框架，将Angular用作客户端框架。

在我看来，引用Flask使用的index.html模板文件中位于dist文件夹中的已编译Angular js文件似乎很简单。

我使用相同的Flask服务器设置了我的API。

我的问题是这样的：

当我使用ng build然后运行python flask-server.py一切正常。

但是，当我运行ng serve我们只能利用应用程序的前端逻辑，而无法与服务器通信。

即使我运行ng serve和python flask-server.py来使用API​​，在我的计算机上进行2台服务器通信时，也会遇到跨源问题。

这没什么大不了的，但是当我用ng test进行测试时，我预计会出现同样的问题。 端到端的测试非常重要。

有什么想法可以解决这个问题吗？

我能想到的唯一解决方案是在某些具有API功能的远程计算机上拥有一个完全独立的服务器，因此我可以使用ng serve测试我的Angular应用，并且仍然可以调用API，而没有任何跨源问题。

但我想避免这种情况。

我想在同一台机器上同时进行前端和后端开发。 包括测试。

Answer 1

这两个选项是合理的：

1. 如您所说，您可以从具有跨源配置的服务器中提供所有支持的代码。

2. 在不同的端口上服务您的前端（有角）和后端，并设置跨源配置；

ng serve --port [port_number]：ng serve --port 8080