當(dāng)我們要自己寫(xiě)登錄接口的時(shí)候，很多人會(huì)有疑惑該怎么去實(shí)現(xiàn)，以及接口數(shù)據(jù)是是什么，其實(shí)這些在封裝的mock里面花叉褲大佬已經(jīng)寫(xiě)得很明白，但是還是有些人會(huì)有些困惑。現(xiàn)在我來(lái)談?wù)勅绾螌?shí)現(xiàn)這個(gè)登錄接口，由于本人用node開(kāi)發(fā)，所以下面的一些代碼是基于node寫(xiě)的。

首先我們要從入口著手，views目錄下的login文件夾找到方法，如下圖，

從圖中，我們不難發(fā)現(xiàn)這個(gè)是通過(guò)VueX分發(fā)出來(lái)的，隨后我們?nèi)ゲ榭磗tore文件夾下，打開(kāi)我們會(huì)發(fā)現(xiàn)一個(gè)封裝好的user.js，如下圖

這個(gè)時(shí)候我們會(huì)發(fā)現(xiàn)，頁(yè)面上login是調(diào)用到這邊來(lái)的，接收兩個(gè)參數(shù)（username，password），以及設(shè)置了一個(gè)token，這個(gè)后面會(huì)用到，這邊作者用到了一個(gè)js-cookie，在utils文件里，如下圖

后面理解后，根據(jù)需要可以做更改，回過(guò)頭來(lái)看store里面，他有一個(gè)方法，他是調(diào)用了封裝在api中的user.js，如下圖

這兩個(gè)方法，在登錄接口都要調(diào)用，第一個(gè)是登錄傳參判斷獲取token，如下圖，

第二個(gè)是根據(jù)獲取的token，獲取登錄信息，如下圖

這個(gè)的話，作者前端封裝在request.js的請(qǐng)求中，如下圖，

這樣基本上把后端接口類(lèi)型寫(xiě)完，然后還需要做一些配置修改，如下圖

將接口改成自己的就可以實(shí)現(xiàn)，然后記住修改全局的配置，需要重啟前端項(xiàng)目。

總得來(lái)說(shuō)，將登錄接口改成自己的需要完成，兩個(gè)接口，一個(gè)是登錄接口獲取token，第二個(gè)根據(jù)第一個(gè)接口獲取到的token，從而獲取用戶信息，最后就是修改自己請(qǐng)求接口配置了。記住，接口數(shù)據(jù)由哪些組成，不懂的可以參照mockjs里面user.js部分。

以上是本人自己的學(xué)習(xí)記錄，有什么錯(cuò)誤的地方可以提出修改。