角度通用视图页面源代码未显示 API 数据



我有一个 Angular 6 应用程序,它在本地开发环境和生产机器上都能正常工作。数据由 API 提供给应用程序。应用程序通过使用可观察、解决和承诺技术很好地显示数据。

我已经为SEO目的制作了应用程序的通用版本(服务器端渲染或SSR(,也可以正常工作。

我只有一个问题;

当我将应用程序发布到生产环境时,它会很好地显示来自 API 的内容,但是当我在浏览器上查看"页面源代码"时,我无法看到页面上呈现的内容。

请注意,我有通过"路由解析"的数据,这不是异步/等待问题的情况。

提前谢谢你。

很抱歉回复晚了,因为这是去年的问题,而且因为我弄清楚了问题是什么,所以我再也没有看过这个问题。我尽量在这里解释。

数据来自 AWS API 网关,该网关通过凭证和密钥连接到应用程序。数据在页面上显示得很好,但当我查看页面源代码时却没有。我以为 API 有问题,但在花了几天时间弄清楚之后,我发现数据只是从 API 接收到的。

我只是在Chrome的页面上使用了"检查"(右键单击并检查(并查看了"控制台"选项卡,并意识到应用程序中的一系列方法抛出了错误。当我调查错误时,我发现存在与我从 API 获得的数据类型相关的一堆数据类型不匹配。

因此,问题出在应用程序而不是 API 上。像这样的愚蠢问题花了我将近一周的时间来解决。我希望这能给你带来一些启示。

最新更新