将端点值从服务器配置传递到 Angular 9 应用程序

【问题标题】：Passing Endpoint value from server config to Angular 9 app将端点值从服务器配置传递到 Angular 9 应用程序
【发布时间】：2021-01-12 21:12:02
【问题描述】：

我正在使用实现 Angular 9 应用程序的 Asp.Net Core 3 Web 应用程序。而且我需要将在配置文件中找到的 Url（Web api 的主机）传递给 Angular 应用程序。做这个的最好方式是什么？我想到的一件事是使用 MVC 页面在隐藏的输入字段中写入值，但我不确定这是否是最佳实践。感谢您的帮助。

【问题讨论】：

标签： asp.net angular http webapi

【解决方案1】：

我的建议如下，如果你的配置文件是一个 json，你可以使用 angular 的 HTTPClient 库来获取它，在捕获你想要的数据之后，你可以创建一个 Observer、BehaviorSubject 或任何你觉得更舒适，您可以在其中设置存储 url 的变量，这样您就可以在整个应用程序中访问 url

例如创建服务来获取配置文件

@Injectable({providedIn: 'root'})
export class ConfigLoaderService{

  constructor(private http: HttpClient) {}

  getConfigFile(): Observable<HttpResponse<any>> {
   return this.http.get<any>(`` + '/asset/config.json', { observe: 'response'});
  }
}

那么你可以在构造函数中使用这个类进行注入

希望对你有所帮助，问候

【讨论】：