美文网首页nodejsVue专题前端开发那些事儿
Vue方向:axios异步搭配express使用

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

作者: 听书先生 | 来源:发表于2021-02-27 17:35 被阅读0次

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的显示情况

相关文章

网友评论

    本文标题:Vue方向:axios异步搭配express使用

    本文链接:https://www.haomeiwen.com/subject/ijcifltx.html