码迷,mamicode.com
首页 > 移动开发 > 详细

mock和axios常见的传参方式

时间:2019-10-05 11:03:32      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:mis   size   delete   ali   因此   传递   pos   就是   url   

第一次接手项目,传参方式还有些吃力,因此做一下总结。

首先我们需要会看swagger中的接口。里面写了某个接口需要接收什么样的值,前端怎么传递这个值

 技术图片

 

 

mock中的传参方式:

mock中传参的方式有两个参数,一个是path对象,一个是data对象。

path想当于拼接在url地址上的参数,

data是url后面的参数。

1get请求

如果url后面有opts的参数,则说明他需要传递参数。要不就不用传递了,直接写个url就好了,不用拼接参数。(请看下图)

技术图片

图一是接口

技术图片

图二是调用了这个接口。

这个get请求中拼接了参数,get中参数的拼接是和url拼接在一块。opts中的path属性是用来在url中进行拼接的,path中写入你需要拼接的参数。

实际上mockaxios的方式大致是一样的,他们都是基于promise对象来使用的,他们返回的是一个promise对象,所以可以用.thenthen方法中的参

数就是后端返回给咱们的数据。

2post请求

接口:

技术图片

技术图片

3put传参

他传参的方式同post是一样滴。这里就不赘述了。

技术图片

技术图片

axios传参的方式:

在介绍axios传参时需要介绍一种字符串的另一种表达形式---模板字符串

模板字符串就是字符串的另一种表达形式。

``包裹起来的就是字符串就是模板字符串,如果字符串${id}代表的就是拼接的变量名,这样就不用加连接符了,

下面时实例。

技术图片

1get请求

技术图片

2post请求

技术图片

注意data是一个对象哈。

3delete请求

delete实际上和get请求的传递方式是一样的。

 技术图片

mock和axios常见的传参方式

标签:mis   size   delete   ali   因此   传递   pos   就是   url   

原文地址:https://www.cnblogs.com/beauty-han/p/11623984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!