WebStorm：客户端和服务器在同一个端口

Question

我是 WebStorm 的新手。我有一个包含两个项目的示例应用程序：客户端（angularJs）和服务器（node.js）。

当我启动服务器app.js（api即returnjson）时，它监听端口7200
启动客户端（AngularJS 应用程序）index.html，它在端口 63342

但是从客户端到服务器的api调用不起作用。因为客户问 url

$http({method: 'GET', url: 'api/maa'}).

http://localhost:63342/quickstart/src/client/api/maa, but server works on port 7200 (http://localhost:7200/api/maa).

如何解决这个问题，是否可以在同一个端口上启动服务器和客户端？

Answer 1

当然可以。您甚至可以使用相同的运行配置启动两者。 Node.js 运行配置有一个 'Browser/LiveEdit' 选项卡，允许启动浏览器和调试客户端代码。选中那里的 'After launch' 复选框，指定您的前端服务器的 URL (http://localhost:7200) 并启用 'with javaScript Debugger' 选项

WebStorm：客户端和服务器在同一个端口

WebStorm: Client and Server at same port

angularjs

node.js

webstorm