mock和axios常見的傳參方式

第一次接手項目，傳參方式還有些吃力，所以作一下總結。

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