我使用Flask作为服务器端框架,将Angular作为客户端框架。
对我而言,引用编译的Angular js文件似乎相当简单,这些文件位于Flask使用的dist
模板文件中的index.html
文件夹中。
我使用相同的Flask服务器设置了我的API。
我的问题是:
当我使用ng build
然后运行python flask-server.py
时,一切正常。
但是当我运行ng serve
时,我们只能使用应用程序的前端逻辑,并且无法与服务器通信。
即使我运行ng serve
和python flask-server.py
来使用API,我也会遇到有两台服务器在我的计算机上进行通信的跨域问题。
这不是什么大问题,但是当我使用ng test
进行测试时,我预计会出现同样的问题。而且测试在端到端非常重要。
如果我以正确的方式接近这个想法会有什么想法吗?
我能想到的唯一解决方案是在具有API功能的某台远程计算机上拥有一个完全独立的服务器,因此我可以使用ng serve
测试我的Angular应用程序并仍然可以调用API而不会出现任何交叉原因问题。
但我想尽可能避免这种情况。
我想在同一台机器上进行前端和后端开发。包括测试。
答案 0 :(得分:0)
这两个选项是合理的:
正如您所说,您可以从具有跨源配置的服务器提供所有支持的代码。
将您的前端(角度)和后端提供给不同的端口并设置交叉原点配置;
ng serve --port [port_number]:ng serve --port 8080