mock和axios常見的傳參方式


第一次接手項目,傳參方式還有些吃力,因此做一下總結。

首先我們需要會看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請求的傳遞方式是一樣的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM