AngularWebApp无法向ExpressAPI发送API请求
- 确定API URL是否正确。在Angular中，可以使用HttpClient模块来发送API请求。例如，以下代码使用HTTP GET方法调用Express API：
import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs';
export class ApiService { constructor(private http: HttpClient) {}
getPosts(): Observable
- 确认Express API是否正确配置。您需要确保Express API引入了所需的模块（如CORS和BodyParser）。以下是一个Express API的示例：
const express = require('express'); const cors = require('cors'); const bodyParser = require('body-parser');
const app = express();
app.use(cors()); app.use(bodyParser.json());
app.get('/api/posts', (req, res) => { // Call to database or other logic res.json([ { title: 'Post 1', content: 'Content 1' }, { title: 'Post 2', content: 'Content 2' } ]); });
app.listen(3000, () => console.log('Express API listening on port 3000'));
- 确定CORS是否启用。如果您从另一个域或端口发出API请求，您需要启用CORS（跨域资源共享）。在Express中启用CORS可以使用cors模块。以下是示例代码：
const express = require('express'); const cors = require('cors');
const app = express();
app.use(cors());
app.get('/api/posts', (req, res) => { // Call to database or other logic res.json([ { title: 'Post 1', content: 'Content 1' }, { title: 'Post 2', content: 'Content 2' } ]); });
app.listen(3000, () => console.log('Express API listening on port 3000'));
希望这些提示能够帮助解决API请求无法从Angular Web App到Express API的问题。