Angular HTTP Proxy用于调用安全后端

时间:2018-03-19 10:17:42

标签: angular http proxy authorization froala

我在我的应用中使用了Froala HTML编辑器,我希望将附件发布到我的后端服务器上,该服务器是安全的(每个请求都必须设置Authorization标头或具有access_token URL参数)。

尽管Froala编辑器中有一个requestHeaders参数,但问题是它向后端发出POST请求以发布附件,并且当请求完成时,它将附件的URL放在src属性中。 img或链接中的href,这会导致GET请求,在我的情况下也应该受到保护。

我对此进行了研究,我发现的所有内容都是使用Angular Pipe,但为此我需要在img元素的方括号中使用Angular特定属性,这应该由Angular解析,但是我没有访问权限要做到这一点。我发现的其他解决方案是使用拦截器,但它们只拦截@ angular / http组件的调用。

所以我有了在前端(可能是Angular)上实现控制器方法的想法,该方法拦截了对某个URL的HTTP GET请求,例如:http://localhost:4200/#/attachments/ {id}或http://localhost:4200/#/attachments?id= { id}并且如果向此端点发出请求,则在截获调用之前我提到的控制器方法构建后端URL,设置Authorization标头,发出实际请求,并将响应转发给前端。但是直到现在我还没有发现如何在Angular中实现这样的控制器方法。我使用的是Angular 5.

1 个答案:

答案 0 :(得分:0)

我建议使用a Bearer Token并将其插入image.uploaded callback