如果您的Angular 7 CRUD应用程序的服务无法连接到REST API,可能是由于以下几个原因之一:
const express = require('express');
const app = express();
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
next();
});
// 其他路由和中间件
无效的REST API URL:确保您在服务中使用的REST API URL是正确的。您可以在浏览器中尝试直接访问该URL,以确认它是否有效。
未正确注入HttpClient模块:在您的服务中,确保您已正确导入并注入Angular的HttpClient模块来执行HTTP请求。例如:
import { HttpClient } from '@angular/common/http';
@Injectable()
export class MyService {
constructor(private http: HttpClient) { }
// 使用this.http进行HTTP请求
}
catchError
运算符来捕获错误并进行适当的处理。例如:import { catchError } from 'rxjs/operators';
// ...
this.http.get(url).pipe(
catchError(error => {
// 处理错误
return throwError('Something went wrong');
})
);
请根据您遇到的具体问题检查并尝试这些解决方法。如果问题仍然存在,请提供更多关于您的代码和错误消息的信息,以便我们能够更好地帮助您解决问题。