当你在Angular中使用代理进行调用时,如果发现代理调用似乎没有进行,可以尝试以下解决方法:
proxy.conf.json
文件,并确保代理配置正确。例如,检查代理目标的 URL 是否正确配置。{
"/api": {
"target": "http://localhost:3000",
"secure": false
}
}
angular.json
文件中添加代理配置:找到 serve
配置项,确保 proxyConfig
字段指向正确的代理配置文件。"architect": {
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"proxyConfig": "proxy.conf.json",
...
}
},
...
}
"/api"
,则调用的路径应该是 /api/your-endpoint
。@Injectable({
providedIn: 'root'
})
export class DataService {
private apiUrl = '/api/your-endpoint';
constructor(private http: HttpClient) {}
getData(): Observable {
return this.http.get(this.apiUrl);
}
}
ng serve
命令,并确保代理配置生效。这些解决方法应该能够帮助你解决 Angular 代理调用似乎没有进行的问题。如果问题仍然存在,可以检查浏览器的开发者工具中的网络请求,查看是否有错误或其他信息。