Angular Universal视图页面源未显示API数据

时间:2018-08-22 18:20:10

标签: angular api view universal

我有一个Angular 6应用程序,该应用程序在本地开发环境以及生产机器上都可以正常工作。数据通过API馈送到应用程序。应用程序通过使用可观察,解决和承诺技术来很好地显示数据。

出于SEO的目的,我已经制作了该应用程序的通用版本(服务器端渲染或SSR)。

我只有一个问题;

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

请注意,我的数据来自“路由解析”,而不是异步/等待问题。

谢谢。

1 个答案:

答案 0 :(得分:0)

很抱歉,由于这是去年的一个问题,所以没有及时回复,因为我弄清楚了问题所在,所以我再也没有看过这个问题。我在这里尽我所能解释。

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

我只是在Chrome的页面上使用了“检查”(右键单击并检查),然后查看了“控制台”选项卡,并在应用程序中发现了一堆引发错误的方法。当我调查错误时,发现有很多与我从API获得的数据类型相关的数据类型不匹配。

因此,问题出在应用而不是API。像这样一个愚蠢的问题花了我近一个星期的时间来解决。我希望这能为您带来启发。