如何同时运行Node.js与WAMP服务器开发SPA单页应用？

当然没问题！只要让两个服务使用不同的本地端口，它们就能和平共处——这也是本地开发中同时运行前后端服务的常规操作。

核心原因 #

WAMP里的Apache服务（负责处理你的PHP文件）默认占用端口80（如果80被其他程序占用，可能会 fallback到8080），而Angular CLI的开发服务器（依赖Node.js运行）默认用4200端口。只要端口不重复，两个服务之间不会互相干扰，你的PHP后端和Angular 5前端能各自正常工作。

你需要留意的细节 #

• 端口冲突排查：启动服务前，可以先检查端口是否被占用。比如在Windows命令行里执行 netstat -ano | findstr :80 或者 netstat -ano | findstr :4200，就能看到对应端口的使用情况。如果有冲突，修改其中一个服务的端口就行（比如把Angular的开发端口改成4201，启动时用 ng serve --port 4201）。
• 跨域问题解决：因为Angular跑在自己的开发服务器上，直接调用WAMP上的PHP接口会遇到跨域限制。解决办法是给Angular配置代理：
  1. 在项目根目录创建proxy.conf.json文件，内容如下：

  {
    "/api/*": {
      "target": "http://localhost:80",
      "secure": false,
      "changeOrigin": true
    }
  }
  

  2. 启动Angular时加上代理参数：ng serve --proxy-config proxy.conf.json
     这样前端发起的/api开头的请求，就会被自动转发到WAMP的Apache服务上，跨域问题就解决了。
• 文件后缀无影响：你提到所有文件都是.php后缀，这完全不影响Node.js的运行——Node.js在这里只是作为Angular开发工具链的运行环境，负责编译、打包Angular代码，和你的PHP后端文件没有直接冲突。

总之，只要做好端口隔离和必要的代理配置，你完全可以在本地同时运行WAMP和Node.js，顺利完成从AngularJS到Angular 5的迁移开发。

内容的提问来源于stack exchange，提问作者LuckyG