2 回答

TA貢獻1843條經驗 獲得超7個贊
我會將你所有的 API 調用移動到可以導入到你的 React、Vue 和 Angular 應用程序中的模塊中。您可以使用NPM 上fetch的許多其他模塊之一。HttpClient
從 Angular 的角度來看,這樣做是有弊端的。Angular 希望您使用該HttpClient模塊,因此如果您放棄該模塊并使用共享模塊,您將失去很多這些功能。因此,如果您需要HttpInterceptor設置,則必須創建自己的而不是使用 Angulars,因為您沒有使用它們的HttpClient. 我對 React 或 Vue 的使用還不夠多,不知道它們是否也有自己的HttpClient模塊。
使用基本服務的示例fetch
class TodoService {
constructor() {}
static getTodo(id) {
return new Promise( (resolve, reject) => {
fetch(`https://jsonplaceholder.typicode.com/todos/${id}`).then(r => resolve( r.json() ) );
});
}
// ...
}
TodoService.getTodo(1).then(t => console.log(t) );
一旦你弄清楚你想要在你的模塊中做什么,那么你就可以在任何你需要的地方export
提供服務。import
請記住,如果您將依賴項引入模塊,則必須打包模塊,以便您的依賴項隨模塊一起提供。

TA貢獻1796條經驗 獲得超7個贊
在這種情況下,您的服務應該與框架/庫無關。正如您所描述的那樣,它就像是另一個被分成域的層。可能會創建一個存儲庫來存儲此項目和。這些應用程序可以使用 NPM 安裝它。
添加回答
舉報