如何将API Host URL保存到本地存储并在启动时进行检索

时间:2019-01-13 12:42:55

标签: angular

如何将API URL保存到本地存储,然后在应用程序加载中检索它。

正常读取并将其保存到本地存储只是小菜一碟。

整个设置如何:

  1. 首选项服务,应保存或从本地存储中检索。
  2. 进行所有api调用的API服务。
  3. 带有输入字段的设置组件,用于设置API主机URL。

当用户转到“设置”页面并输入URL时,它将被保存到本地存储中。该数据应由首选项服务获取,然后API服务应获取数据并调用指定的URL端点。

问题是当我尝试此流程时,api服务无法从本地存储获取URL,因此api调用失败。

应如何正确实施?

1 个答案:

答案 0 :(得分:1)

使用localStorage将EndPoint存储在localStorage中,在加载app.module.ts or app.component.ts constructor时设置一个Global / Exported变量值,然后在进行http调用时使用它。