Vue方向：axios异步搭配express使用

Get请求

express部分：

首先创建后台数据app.js文件，这里不建议使用koa框架，express使用的话更便捷。

文件初始化

文件初始化完成，server中会生成package.json文件

安装express

安装express，准备开始写后台数据

server后台数据文件目录

下面的是app.js的代码部分，数据自拟。

app.js代码部分

后台数据写入完成，接下来启动终端进行测试，看数据是否存在

终端

终端启动后，打开localhost:3000/data 端口，结果数据存在，表示成功写入了

localhost:3000/data

前端部分：

这是axios的get请求部分，其中data返回的是一个propmise对象，可以通过结构的方法去展开拿到数据{ data }

axiosBase.vue

接下来，我们看下运行结果，很显然，数据拿到了，这也就说明axios调用接口成功，拿到数据可以接着去进行对数据的操作了。

结果

接下来，尝试进行异步操作的调用

代码

根据结果，很显然，数据还是拿到了，只是这种更便捷。

结果

对数据进行操作，利用循环遍历拿到数据

代码 运行结果

post请求

1.首先安装请求体

     npm install body-parser

powershell

开始写express的app.js

post请求的app.js

执行异步调取post的接口的方法

axiosBase.vue

最后，我们查看network的显示情况