Angular中使用json-serve模拟服务端接口以及请求后台的接口数据

Angular 5.x之后get、post和服务器交互使用的是Angular中自有的封装的HttpClientModule模块。该模块用于发送 Http 请求，用于发送请求的方法都返回 Observable 对象。

npm 安装json-serve，代替api的服务器接口为我们测试数据提供接口

npm install -g json-serve

然后我们在本地新建一份json文件用于存放一份数据

写好模拟数据后，在项目中启动接口服务：

输入指令： json-server --watch D:\data.json

可以看到，数据是请求成功了。

post请求数据与get请求不太相同，post请求需要先在 @angular/common/http 依赖中导入 HttpHeaders 模块

根据上图可以看出，post请求中需要传入2~3个参数，第一个是api接口的地址，第二个是body请求体，最后一个是请求需要设置的配置项。

在 app.module.ts 中引入 HttpClientModule 、 HttpClientJsonpModule 并注入

1、在使用axios之前首先需要安装axios

2、然后在使用到的地方去引入axios模块

3、使用axios请求数据

第一步：准备工作 将AngularJS脚本添加到该文档的当中： 在此之后，可以在将这套CCS样式添加到行内或者独立的文件当中： *{ -webkit-box-sizing:border-box-moz-box-sizing:border-boxbox-sizing:border-boxfont-family:sans-serif} bod...

---