如何在 Angular 中提供 JSON？

Posted 2023-03-13

【中文标题】如何在 Angular 中提供 JSON？

【英文标题】：How do I serve JSON in Angular?

【发布时间】：2017-12-16 05:27:48

【问题描述】：

我有一个使用 Webpack 构建的 Angular 4 应用程序，我正在尝试提供一个 JSON 文件。两个问题：

在最简单的情况下，JSON 文件是静态的。我不知道如何设置 webpack 以包含 myfile.json 就像我包含图像的方式一样。也就是说，如果我查看页面上任何图像的 URL，它会显示为 assets/angular.9db278d630f5fabd8e7ba16c2e329a3a.png。我希望我的 JSON 有一个更简单的 URL。 在不太简单的情况下，我以编程方式构建文件。显然，构建 JSON 字符串不是问题，但显示它是。我查看了如何显示 PDF 的示例，但它们都需要插件，并且大多数只是在不同的窗口中调用 window.open。由于 Angular 组件显示在网页的标签内，因此我无法“突破”页面。

有可能吗？我意识到，我问了 两个 问题，但我很乐意回答任何一个问题；不是两个:)

【参考方案1】：

如果你使用的是webpack 1，你可以使用json-loader； JSON 在 webpack 2 中默认加载（请参阅 json-loader 的 README）。

然后可以像 import myFile from ./myfile.json 一样导入 JSON。

关于您的其他问题，如果没有一些示例代码，很难理解您要做什么。您似乎想在 Angular 应用程序之外的页面上显示创建的 JSON 原始数据？

【讨论】：

谢谢。让我试试。至于另一个问题，似乎完全正确！