用户登录

之前我们准备好了一个演示用的服务端应用,里面有一个 posts 接口,下面可以先用一个 Http 客户端去请求一下这个接口试试。我用的是 Insomnia ,新建一个请求,请求的方法使用 HTTP 的 GET 方法,地址是 http://localhost:3000/posts ,发送一下这个请求。

服务端那里收到了这个请求以后,会给我们响应回来一些数据,这些数据就是服务端应用的 posts 这个接口返回的。

在 Angular 应用里,也可以使用框架里提供的 Http 客户端,去请求服务端接口获取到数据。先去准备一下这个 Http 客户端。

HttpClientModule

一般我们会在应用的 AppModule 模块里,导入 HttpClientModule 模块,先在文件顶部导入它,来自 @angular/common/http,需要的是 HttpClientModule 。

然后在模块的 imports 里面,添加一个 HttpClientModule 。

HttpClient

这样我们就可以在应用的其它地方,使用这个 HttpClientModule 里的 HttpClient 请求服务端应用获取到数据了。

打开应用里的 modules,post,services 里的 PostService,在这个服务里可以用一下 HttpClient,把它作为这个类的依赖注入进来,在构造方法的参数里,添加一个 private http,类型是 HttpClient ,这个 HttpClient 来自 @angular/common/http 。

配置 Http 客户端《 Angular:HTTP 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点