最近,在執行【React + React Hook + TS 最佳實踐仿 Jira 企業級專案】的時候,安裝jira-dev-tool 外掛出現問題,參考:https://www.npmjs.com/package/jira-dev-tool。解決方法:在專案中執行:
npx msw init public
//或者 指定到public目錄下
npx msw init ./public
在專案中使用下面的命令進行安裝:
npx imooc-jira-tool
然後,修改src/index.ts程式碼。
import { loadDevTools } from "jira-dev-tool";
loadDevTools(() => {
ReactDOM.render(
<React.StrictMode>
<AppProviders>
<App />
</AppProviders>
</React.StrictMode>,
document.getElementById("root")
);
});
imooc-jira-tool提供了兩大基本的功能: 【分散式後端服務】和【HTTP 請求精準控制】。
1,分散式後端服務
MSW 以 Service Worker 的方式實現了"分散式後端"管理,所有請求被Service Worker代理。
後端邏輯處理後,以localStorage為資料庫進行增刪改查操作。
這樣每個同學的瀏覽器上都安裝了一個獨立的後端服務和資料庫,再也不受任何中心化服務的影響 點選'清空資料庫'便可以重置後端服務。
2,HTTP 請求精準控制
專案的健壯性被很多教學專案忽視,而作為一個最佳實踐的專案,健壯性是一個被重點關注的點。這個開發者工具可以精準地控制 HTTP請求的時間、失敗機率、失敗規則。