mock數據

本文主要是記錄如何mock數據操做,防止我這條金魚過幾天又忘了如何操做。不涉及原理(固然寫原理目前的我也寫不出來,哈哈哈),只是寫了操做步驟。若是有誤歡迎大佬指出html

1、使用GitHubpage mock數據

demo:https://github.com/0612bamboo...git

  1. 在github寫一個簡單的ajax請求

clipboard.png

  1. 在html的同文件夾下寫一個json文件,裏面放mock的數據

clipboard.png

  1. ajax的url地址指向該json文件,記得這裏是坑,要帶上倉庫名/mock/home.html
  2. 設置githubpage,經過瀏覽器查看mock的數據

clipboard.png

2、經過本地開靜態服務器來mock數據

在本地同時寫html,json文件,ajax的url地址指向該json文件。
打開gitbash,經過http-server打開靜態服務器,經過瀏覽器用返回的本機ip打開html,查看mock的數據github

3、經過easy mock網址mock數據

一、打開網址,登錄ajax

clipboard.png
二、點擊右下角的+號建立項目,輸入項目名,有時在url後加一個後綴。我寫的是項目名game,url:musicjson

clipboard.png
三、項目建立好,點擊game建立接口瀏覽器

clipboard.png

四、進入建立接口頁面,點擊建立接口bash

clipboard.png
五、完善接口信息,左邊寫入mock的數據,點擊完成
clipboard.png
六、點擊複製接口連接
clipboard.png
最後兩種方法驗證
經過easymock 建立項目,建立接口,完善接口對應的數據,並生成url。https://easy-mock.com/mock/5c...
(1)gitbashmock數據
打開gitbash,輸入curl url對應的地址。服務器

clipboard.png

(2)瀏覽器驗證
經過寫html文件,把url更換爲生成的url,經過瀏覽器查看
demo:https://github.com/0612bamboo...curl

clipboard.png
我這裏偷懶用githubpage查看的,都差很少
clipboard.pngurl

相關文章
相關標籤/搜索