淺入深出Vue之工具准備（二）：PostMan安裝配置
由於家中有事，文章沒顧得上。在此說聲抱歉，這是工具准備的最后一章。
接下來就是開始環境搭建了~盡情期待
工欲善其事必先利其器，讓我們先做好准備工作吧
導航篇
PostMan安裝
所有工具的下載地址都可以在導航篇中找到,這里我們下載的是最新版本的
PostMan
直接點開安裝包后，自動安裝上去了（這有點流氓啊）
若羽這里就直接登錄了，沒有梯子或者不想注冊的可以直接點最下面的
Skip xxxx跳過
PostMan配置Mock服務
PostMan除了能很方便的測試后端接口，讓后端童鞋們能略過前端直接檢測接口的同時呢。
也能讓前端童鞋們不用催着、等着后端童鞋們寫接口了，我們可以通過Mock來本地模擬真實接口，返回固定數據。這樣在數據結構確定之后，我們就可以直接開寫代碼咯，最后再切換成真實接口即可。
那接下來看看怎么配置吧。
創建接口集合
通常我們會將一個項目的接口放在一起，因此我們先建立一個接口的集合，用來存放我們所有的接口。
先在左側點擊
Collections切換到集合的面板, 再點擊下面的添加圖標，開始添加一個集合
在這里輸入名稱和描述即可，其他信息暫時我們可以不用關心。填寫好了之后直接點擊
Create即可，然后就可以在Collections的面板中看到我們剛剛新建的。
在集合中添加一個接口
上一步我們已經將接口的集合創建好了，現在我們可以開始添加具體的接口了。讓我們先添加一個登錄的接口。
選中我們剛剛新建的項目
淺入深出Vue，左側有個小箭頭可以展開噢（右側也有一個的，一般在那添加，這里是第一個，所以可以快捷一點），然后我們來點擊Add Requests，填寫接口名稱和描述后點擊Send to 淺入深出Vue即可
因為我們只填寫了名稱和描述，所以我們可以看到剛新建的
登錄接口還是個GET方法噢，選中登錄接口可以看到右側有詳情信息。
添加環境
環境這個概念，可以通俗一點的理解成一個集合。我們把同一個項目中用到的一些重復的變量，比如說接口的域名www.xxx.com，我們就可以放在環境里面當成一個變量。正式環境與測試環境可以隨時切換，而不用我們去每個接口都修改一下。
在右上角有一個齒輪圖標，點擊之后彈出環境的列表，我們先點擊
Add新增一個。
暫時我們先填寫名稱就好。
創建Mock Server
准備工作都做好了，我們可以開始創建一個虛擬服務來給我們寫前端用了。
選中我們的集合
淺入深出Vue， 右側的小箭頭點擊后會展開這個面板。我們打開Mocks一欄，點擊Create mock server開始創建我們的虛擬服務。
這里我們選擇剛剛建立的環境就好，這里不用選擇私有的，以后如果是不便公開的接口，可以選擇私有的，選擇私有的話是需要去創建一個
Api Key這里我們略過這個步驟。
創建完成
回到我們的
Mocks面板， 就可以看到我們剛剛創建的虛擬服務地址了，復制一下，待會就派得上用場了。
為虛擬服務地址建立環境變量
隨便點開一個接口，當然， 我們現在只有一個
登錄接口。點開后，右上角齒輪選擇我們之前建立好的環境。
按圖中所示，我們新建了一個
api_url的環境變量，這個環境變量就是我們虛擬服務的url。
為接口添加虛擬的返回數據
在這一步之前，記得在齒輪的左邊那個下拉框中選擇剛剛新建的環境噢。
選擇登錄接口，右上角有一個Examples，點擊，然后選擇Add Examples添加一個返回數據的示例。
在地址那一欄，我們就可以使用{{環境變量}}的方式來使用我們新建的環境變量，這里我們將{{環境變量}}/login當做我們登錄的接口地址。實際上這么寫是等價於創建的虛擬服務url/login噢。
接下來我們在下面填傳入的參數，以及傳入的方式。這里選擇的是將參數附在Body里面作為form-data傳上來。
最后我們在下面的返回數據中，填入我們的返回數據。這里若羽選擇的是JSON。
保存之后不要忘了將類型改成POST噢，examples里的和集合中的都記得改成POST噢。
一般登錄這種帶有用戶數據的接口都會采用POST的方式。
測試一下
選中我們的登錄接口，將我們要發送請求的地方改成和之前examples中一樣的url，然后點擊Send。等待一小會兒之后我們就會發現返回的Body中顯示了我們之前預設的數據。
大功告成~
