美文网首页
EXCEPTION: Error: unsafe value u

EXCEPTION: Error: unsafe value u

作者: 高阳刘 | 来源:发表于2021-05-24 11:35 被阅读0次
    报错

    EXCEPTION: Error: unsafe value used in a resource URL context

    原因

    iframe引入的外部url的资料链接不安全。

    解决

    在组件里面引入angular内置的DomSanitizer模块

    import { Component, OnInit } from '@angular/core';
    import { DomSanitizer } from '@angular/platform-browser';   # 在组件里面引入angular内置的DomSanitizer模块
    
    @Component({
      selector: 'about',
      templateUrl: './about.html',
      styleUrls: ['./about.less']
    })
    export class AboutComponent implements OnInit {
      url:any = "";
      constructor(
        private sanitizer: DomSanitizer    # 在构造器里面定义属性
      ) {
        this.url = this.sanitizer.bypassSecurityTrustResourceUrl("https://www.jianshu.com");  # 将地址转化为安全地址
      }
      ngOnInit(): void {
      }
    }
    
    HTML
    <iframe  [src]="url"></iframe>
    # 需要注意的是在HTML中的地址:
    # 正确写法是: [src]="url"
    # 错误的写法是:src="{{url}}"
    

    相关文章

      网友评论

          本文标题:EXCEPTION: Error: unsafe value u

          本文链接:https://www.haomeiwen.com/subject/cacxsltx.html