如何让我的应用程序(通过ng服务运行)连接到Node后端，同时保留自动重新加载功能？

要让应用程序通过ng服务连接到Node后端并保留自动重新加载功能，可以按照以下步骤进行操作：

1. 首先，确保你已经安装了Node.js和Angular CLI，并且已经创建了一个Angular项目。
2. 在Angular项目的根目录下，使用命令行工具安装http-proxy-middleware模块，该模块可以用于将请求代理到Node后端。运行以下命令进行安装：

npm install http-proxy-middleware --save

1. 在Angular项目的根目录下创建一个名为proxy.conf.js的文件，并添加以下内容：

const proxy = require('http-proxy-middleware');

module.exports = function(app) {

 app.use(

   '/api',

   proxy({

     target: 'http://localhost:3000', // 将请求代理到Node后端的地址和端口

     changeOrigin: true,

     ws: true,

     autoRewrite: true,

     pathRewrite: {

       '^/api': '' // 可选，如果你的后端API路径有前缀，可以在这里进行重写

     }

   })

 );

};

1. 在Angular项目的package.json文件中，找到scripts部分，修改start命令如下：

"scripts": {

 "start": "ng serve --proxy-config proxy.conf.js"

}

1. 现在，你可以使用以下命令启动Angular开发服务器，并将请求代理到Node后端：

npm start

这将启动Angular开发服务器，并将所有以/api开头的请求代理到http://localhost:3000，即Node后端的地址和端口。

1. 在Angular项目中，你可以使用HttpClient模块来发送HTTP请求到后端API。例如，你可以在组件中使用以下代码来获取数据：

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

getData() {

 return this.http.get('/api/data'); // 发送GET请求到后端的'/data'路径

}

在上述代码中，/api路径将被代理到Node后端，因此实际发送的请求将是http://localhost:3000/data。

1. 当你修改Angular项目中的代码时，Angular开发服务器会自动重新加载应用程序，同时保持与Node后端的连接。

总结：

通过以上步骤，你可以让应用程序通过ng服务连接到Node后端，并保留自动重新加载功能。使用http-proxy-middleware模块可以将请求代理到Node后端，而不需要手动配置跨域请求。这样，你可以专注于前端开发，同时与后端进行无缝通信。