More than 5 years have passed since last update.

@ngrx/dataで別ドメインのAPIサーバにアクセスしてみる

Posted at 2019-12-24

AngularのAdvent Calendarで@ngrx/dataが紹介されました。

この記事で詳細に説明されているのですが、別ドメインのAPIにもアクセスできないかと思い試してみました。

別ドメインのAPIにアクセスするには

上記の記事の中でも紹介されていますが、デフォルトのAPIへのpathを変更するにはDefaultDataServiceConfigを使うだけです。

dataservice-config.ts

const defaultDataServiceConfig: DefaultDataServiceConfig = {
  root: 'https://api-server/user',
  timeout: 5000
};

rootの部分にAPIサーバのURLを設定してproviderに登録するだけです。

機会があれば複数のAPIサーバにアクセスさせる設計も考えます。