lanb-analog 基于Ajax攔截的前端資料模拟工具,脫離後端獨立開發,實作前後端分離

lanb-analog

為前端提供模拟測試資料

中文文檔

特性

輕量級

Lanb-alalog是一個輕量級的小插件。

它僅僅隻有2.15k，卻可以對所有的ajax請求進行監控。

攔截

它依賴于Ajax-hook，如果你想要自定義自己的請求攔截器，那麼該項目可以是一個很好的參考。

開始

該項目基于webpack建構，如果你是個愛折騰的人，那麼你可以按照如下方法，來獲得這個庫。

npm install
npm run start
           

如果想馬上獲得這個庫，那麼你可以參考 ./dist/index.html

我們隻要像這樣重寫alalog這個參數

var analog = {};
analog.data = [
    {
        url: 'http://lanb-analog.com/list',
        data: [{ id: , name: "測試1" }, { id: , name: "測試2" }]
    }
]
           

然後在我們請求Ajax的時候，url參數後的所有内容就會當成一個比對項，如果正确比對了，我們就會把data這個字段中的内容都作為結果傳回。

$.ajax({
    url: '?url=http://lanb-analog.com/list',
    type: 'post',
    dataType: 'json',
    success(result) {
        console.log(result)
    }, error(xhr) {
        console.log(xhr.responseJSON)
    },
}) 
           

擴充

Analog.fn({
    // 需要被重寫和擴充的方法
    open: (arg, xhr) => {
        console.log("%O", xhr)
    }
})
           

我們将保留最最基本的功能，直到該方法被覆寫為止。

社群

• 組織
• 加入讨論

許可證書

MIT