模擬請求
發佈於2024-09-17
瀏覽：949
每個前端都會經歷模擬端點請求的需要，有時是因為後端還沒有完成其工作，有時是為了調試和模擬特定情況，這在日常生活中很常見。
是的，JSON-Server 令人難以置信並且使用起來非常簡單，但是幾天前我遇到了一個非常具體的問題，最終我發現了一個令人難以置信的瀏覽器擴展。
問題
首先我會講一下我遇到的問題，你就會明白為什麼 JSON-Server 在這種情況下不起作用。
在應用程式中，我必須使用兩個不同的端點。第一個在儀表板中加載了一些信息，但該破折號中的一張卡打開了一個模態框，它依賴於另一個端點。
如果 API 退出，我們會進行一些處理，但在某個時候我遇到了一個不可預見的問題，即第二個 API 返回的延遲。本來不應該是這樣的，但是卻是！
第一個儀表板端點傳回了訊息，但模態 API 花了幾秒鐘，這足以讓我打開模態並且表中沒有任何內容。
我花了一段時間才明白髮生了什麼，直到我意識到這是一個 API 問題。
如何模擬這個？
如何模擬返回延遲。
我開始研究並發現 Tweak，Chrome（和其他）的擴展，它非常簡單且功能強大。
我的想法不是提供培訓，我只是想分享在這方面引起我關注的功能之一。
回應延遲
這是我的問題的解決方案
現在，Tweak 開始監視 URL，當它被要求時，(1) 它負責管理我決定返回請求的時間，(2) 我可以模擬回應正文中的資料。
其他特點
- 我可以打開或關閉某個模擬
- 我不僅可以模擬數據，還可以模擬錯誤，只需更改狀態即可。
- 我可以非常簡單地模擬數據，直接在擴展中
- 我可以模擬不同的方法（GET、POST...）
這些都是很酷且易於使用的東西。如果您已經知道擴展名並有其他提示，請在此處分享commiteiro。
擁抱！
版本聲明
本文轉載於：https://dev.to/andpeicunha/mock-requests-3fa4?1如有侵犯，請聯絡[email protected]刪除
最新教學
更多>
-
Node.js 中的新增功能TL;DR: 让我们探索 Node.js 22 的主要功能，包括 ECMAScript 模块支持和 V8 引擎更新。此版本引入了 Maglev 编译器和内置 WebSocket 客户端，以增强性能和实时通信。还涵盖了测试、调试和文件系统管理方面的改进。 Node.js 22 将于 10 月进入 LT...程式設計 發佈於2024-11-07 -
了解 MongoDB 的distinct() 操作：實用指南MongoDB 的distinct() 操作是一個強大的工具，用於從集合中的指定欄位檢索唯一值。本指南將幫助您了解distinct() 的用途、使用它的原因和時間，以及如何在 MongoDB 查詢中有效地實現它。 什麼是distinct()？ distinct() 方法傳回集合或集...程式設計 發佈於2024-11-07
-
為什麼 JavaScript 中的「0」在比較中為 False，而在「if」語句中為 True？揭開JavaScript 的悖論：為什麼「0」在比較中為假，但在If 語句中為假在JavaScript中，原語" 的行為0」給開發者帶來了困惑。雖然諸如“==”之類的邏輯運算符將“0”等同於假，但“0”在“if”條件下表現為真。 比較悖論代碼下面演示了比較悖論："0" ...程式設計 發佈於2024-11-07
-
GitHub Copilot 有其怪癖過去 4 個月我一直在將 GitHub Copilot 與我們的生產代碼庫一起使用，以下是我的一些想法： 好的： 解釋複雜程式碼：它非常適合分解棘手的程式碼片段或商業邏輯並正確解釋它們。 單元測試：非常擅長編寫單元測試並快速產生多個基於場景的測試案例。 程式碼片段：它可以輕鬆地為通用用例產生有用...程式設計 發佈於2024-11-07
-
靜態類別或實例化類別：什麼時候應該選擇哪一個？在靜態類別和實例化類別之間做出選擇：概述在PHP 中設計軟體應用程式時，開發人員經常面臨在使用靜態類別或實例化物件。這個決定可能會對程式的結構、效能和可測試性產生重大影響。 何時使用靜態類別靜態類別適用於物件不具備靜態類別的場景獨特的數據，只需要存取共享功能。例如，用於將 BB 程式碼轉換為 HTM...程式設計 發佈於2024-11-07
-
⚠️ 在 JavaScript 中使用 `var` 的隱藏危險：為什麼是時候繼續前進了关键字 var 多年来一直是 JavaScript 中声明变量的默认方式。但是，它有一些怪癖和陷阱，可能会导致代码出现意外行为。现代替代方案（如 let 和 const）解决了许多此类问题，使它们成为大多数情况下声明变量的首选。 1️⃣ 提升：var 在不知不觉中声明变量！ ？解释：...程式設計 發佈於2024-11-07
-
PDO::MYSQL_ATTR_INIT_COMMAND 需要「SET CHARACTER SET utf8」嗎？在有「PDO::MYSQL_ATTR_INIT_COMMAND」的 PDO 中「SET CHARACTER SET utf8」是否必要？ 在PHP 和MySQL 中，「SET NAMES」 utf8」和「SET CHARACTER SET utf8」通常在使用UTF-8 編碼時使用。但是，當使用PD...程式設計 發佈於2024-11-07
-
為什麼使用Password_Hash函數時哈希值會改變？了解Password_Hash函數中不同的雜湊值在開發安全認證系統時，開發人員經常會遇到使用password_hash取得不同密碼哈希值的困惑功能。為了闡明此行為並確保正確的密碼驗證，讓我們分析此函數背後的機制。 密碼加鹽：有意的功能password_hash 函數有意產生唯一的鹽它對每個密碼進行哈...程式設計 發佈於2024-11-07
-
為什麼與谷歌競爭並不瘋狂大家好，我是 Antonio，Litlyx 的首席執行官，我們的對手是一些巨頭！ Microsoft Clarity、Google Analytics、MixPanel...它們是分析領域的重要參與者。當人們聽到一家新創公司正在與如此知名的公司合作時，他們常常會感到驚訝。但讓我們看看為什麼與Goo...程式設計 發佈於2024-11-07
-
如何在 Java Streams 中有效地將物件清單轉換為可選物件？使用Java 8 的可選和Stream::flatMap 變得簡潔使用Java 8 流時，將List 轉換為可選 並有效地提取第一個Other 值可能是一個挑戰。雖然 flatMap 通常需要返回流，但可選的 Stream() 的缺失使問題變得複雜。 Java 16 解決方案Java 16 引入了S...程式設計 發佈於2024-11-07
-
避免前端開發失敗：編寫乾淨程式碼的行之有效的實踐介紹 您是否曾因看似無法理清或擴展的凌亂代碼而感到不知所措？如果你有，那麼你並不孤單。許多開發人員面臨著維護乾淨的程式碼庫的挑戰，這對於專案的長期成功和可擴展性至關重要。讓我們探索一些有效的策略來保持程式碼可管理性和專案順利運行。 了解基礎知識：什麼是乾淨程式碼？...程式設計 發佈於2024-11-07
-
如何存取Python字典中的第一個和第N個鍵值對？取得 Python 字典中的第一個條目使用數位索引（如顏色[0]）對字典進行索引可能會導致 KeyError 異常。從 Python 3.7 開始，字典保留插入順序，使我們能夠像有序集合一樣使用它們。 取得第一個鍵和值要取得字典中的第一個鍵和值，我們可以使用以下方法：列表轉換：使用list(dict...程式設計 發佈於2024-11-07
-
使用 cProfile 和 PyPy 模組優化 Python 程式碼：完整指南介绍 作为 Python 开发人员，我们通常先关注让代码正常运行，然后再担心优化它。然而，在处理大规模应用程序或性能关键型代码时，优化变得至关重要。在这篇文章中，我们将介绍两个可用于优化 Python 代码的强大工具：cProfile 模块和 PyPy 解释器。 在这篇文章的结尾，...程式設計 發佈於2024-11-07
-
如何在 Linux 系統上將 Java 應用程式作為服務運行？Linux 系統服務導航：將Java 應用程式作為服務運行在Linux 系統管理領域，將應用程式作為服務進行管理對於確保其可靠且受控的執行至關重要。本文深入探討了將 Java 伺服器應用程式配置為在 Linux 作業系統上作為服務運行的過程，為使用者提出的問題提供了全面的解決方案。 主要目標是創建一...程式設計 發佈於2024-11-07
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
