如何同时运行 Angular 和 Node

当使用 Angular 进行前端开发时，需要使用 Node 进行构建、打包等操作，因此需要同时运行 Angular 和 Node。本篇文章将介绍如何同时运行 Angular 和 Node。

1. 安装 Node

首先需要在本地安装 Node，可以在 Node 的官网下载对应的版本进行安装：https://nodejs.org/。

2. 创建 Angular 项目

使用 Angular CLI 创建一个新的 Angular 项目：

$ ng new my-angular-app

3. 添加一个 Node 服务器

使用 Express 框架创建一个新的 Node 服务器：

$ npm install express --save

在项目目录下创建一个新文件 server.js，并添加以下代码：

const express = require('express');
const app = express();

app.get('/api', (req, res) => {
  res.send('Hello from Node server!');
});

const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Node server listening on http://localhost:${port}`);
});

上面的代码创建了一个简单的 Node 服务器，并且在 /api 路径下返回了一条字符串。

4. 配置代理

由于 Angular 默认的开发服务器运行在 localhost:4200 上，因此在开发过程中需要解决 CORS 跨域问题。可以通过配置代理来解决这个问题。

在项目目录下创建一个新的文件 proxy.conf.json，并添加以下代码：

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

上面的代码配置了从 /api 路径访问时的代理地址为 http://localhost:3000。

在 package.json 文件的 scripts 部分中添加如下代码：

"start": "ng serve --proxy-config proxy.conf.json",

5. 同时运行 Angular 和 Node

现在可以同时启动 Angular 和 Node 服务器了。在命令行中分别运行以下两个命令：

$ node server.js
$ npm start

Angular 开发服务器将会运行在 http://localhost:4200 上，Node 服务器将会运行在 http://localhost:3000 上。

总结

本篇文章介绍了如何同时运行 Angular 和 Node，具体包括安装 Node、创建 Angular 项目、添加一个 Node 服务器、配置代理以及同时运行 Angular 和 Node 等步骤。使用这些方法，我们可以方便地进行 Angular 和 Node 开发、测试和调试。