我有一个Ionic应用程序,它从远程服务器获取数据并将其显示在Ionic html页面上.
远程URL将如下所示:
这将给我一个"内容"的JSON对象,并将在Ionic应用程序的html页面中进一步使用.
在Ionic app里面的html页面上使用它是这样的:
<div class="article-desc">
<p [innerHtml]="myObject?.Body"></p>
</div>
"myObject"是从服务器收到的响应的JSON对象.
"正文"字段包含要在段落中显示的HTML.此"HTML"字段仅与整个"内容"对象一起从服务器返回.
"Body"字段可以包含以下内容:
<p>blah blah <img src="http://foo.com/image/1"/> blah blah <img src="http://foo.com/image/2"/>blah blah blah </p>
您可以从上面的示例中看到该图像存在于该html中.
我没有问题将该字段中的html呈现给Ionic Page.
我有一个问题是我的图像没有在那里呈现.
这就是为什么..
我的应用程序已被访客用户锁定,因此对于每个请求,我需要发送一个Authorization标头以对其进行身份验证,在这种情况下,所有图像都无法呈现,因为每个图像请求都将被视为服务器的访客.
你能建议一个常见的地方,我的所有图像和hmtl中的其他来源都应该通过,并可以将授权标题随之发送到服务器.
我已在本地存储项中拥有授权令牌.
我的目标是在Ionic应用程序中呈现时,在该Body字段中出现的每个外部源(此处为图像)发送授权标头.