将Angular与服务器端框架

时间:2017-08-14 07:25:23

标签: angular flask server client

我使用Flask作为服务器端框架,将Angular作为客户端框架。

对我而言,引用编译的Angular js文件似乎相当简单,这些文件位于Flask使用的dist模板文件中的index.html文件夹中。

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

我的问题是:

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

但是当我运行ng serve时,我们只能使用应用程序的前端逻辑,并且无法与服务器通信。

即使我运行ng servepython flask-server.py来使用API​​,我也会遇到有两台服务器在我的计算机上进行通信的跨域问题。

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

如果我以正确的方式接近这个想法会有什么想法吗?

我能想到的唯一解决方案是在具有API功能的某台远程计算机上拥有一个完全独立的服务器,因此我可以使用ng serve测试我的Angular应用程序并仍然可以调用API而不会出现任何交叉原因问题。

但我想尽可能避免这种情况。

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

1 个答案:

答案 0 :(得分:0)

这两个选项是合理的:

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

  2. 将您的前端(角度)和后端提供给不同的端口并设置交叉原点配置;

  3.   

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