搭建一台本地json服务器

1、全局安装json-server(此时不管在哪个目录下面都可以)

2、cd至当前的项目文件夹所在的位置，新建一个文件夹jsonserver

3、在当前目录下运行npm init

4、再次安装运行 nom install json-server --save

5、此时的目录结构

    --jsonserver

        --node_moduies

        --package-lock.json

        --package.json

6、打开package.json文件更改这里的内容为：json-server --watch 自定义一个json文件

7、在文件夹下新建db.json

8、书写db.json中的内容

9、保存后在命令行输入 npm run json:server

10、此时在浏览器中输入localhost:3000即可获取json:server的数据

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请求数据

---