时间戳

首页 > 解决方案 > 资源 URL 上下文中使用的不安全值

node.js - 资源 URL 上下文中使用的不安全值

问题描述

我是 Angular 6 的新手，我收到了这个错误：

“资源 URL 上下文中使用的不安全值（参见 http://g.co/ng/security#xss）”

我已经搜索了分配，发现要解决这个问题需要创建一个角度管道，我做了并创建了新管道，然后在 html 中更改了代码，但问题仍然存在，任何人都可以指导我吗？

这是我得到的错误

创建新管道后更改 Iframe 代码如下所示：

 <iframe src="http://localhost:8087/bim/api/v1/dashboardTree/{{companyId}} |safe"></iframe>

管道代码：

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({
  name: 'tree'
})
export class TreePipe implements PipeTransform {

  constructor(private sanitizer: DomSanitizer) {}

  transform(url) {
    return this.sanitizer.bypassSecurityTrustResourceUrl(url);
}

标签： node.jsangularangular6

解决方案

src属性是一个字符串，管道不在那里评估。为了将其作为表达式进行评估，它应该是：

<iframe [src]="('http://localhost:8087/bim/api/v1/dashboardTree/' + companyId) | safe"></iframe>

此外，存在不一致之处，管道safe在一个地方和tree另一个地方。

推荐阅读