第一次接手項目,傳參方式還有些吃力,因此做一下總結。
首先我們需要會看swagger中的接口。里面寫了某個接口需要接收什么樣的值,前端怎么傳遞這個值
在mock中的傳參方式:
mock中傳參的方式有兩個參數,一個是path對象,一個是data對象。
path想當於拼接在url地址上的參數,
data是url后面的參數。
1、get請求
如果url后面有opts的參數,則說明他需要傳遞參數。要不就不用傳遞了,直接寫個url就好了,不用拼接參數。(請看下圖)
圖一是接口
圖二是調用了這個接口。
這個get請求中拼接了參數,get中參數的拼接是和url拼接在一塊。opts中的path屬性是用來在url中進行拼接的,path中寫入你需要拼接的參數。
實際上mock和axios的方式大致是一樣的,他們都是基於promise對象來使用的,他們返回的是一個promise對象,所以可以用.then。then方法中的參
數就是后端返回給咱們的數據。
2、post請求
接口:
3、put傳參
他傳參的方式同post是一樣滴。這里就不贅述了。
axios傳參的方式:
在介紹axios傳參時需要介紹一種字符串的另一種表達形式---模板字符串
模板字符串就是字符串的另一種表達形式。
用``包裹起來的就是字符串就是模板字符串,如果字符串${id}代表的就是拼接的變量名,這樣就不用加連接符了,
下面時實例。
1、get請求
2、post請求
注意data是一個對象哈。
3、delete請求
delete實際上和get請求的傳遞方式是一樣的。