Angular与ionic的幸福生活之 “网址小技巧（DomSanitizer 解决渲染浮动框架网站不安全问题）”

Angular与ionic的幸福生活之 “网址小技巧（DomSanitizer）”

小编这几天的更新也是非常勤奋的，其遇见的问题都是真实开发中常见的问题，进行记录解析：
其中，就在今天小编遇到了这样的一个问题，自身网页嵌入了其它网页中带有浮动框架的部分，当我们用这个框架进行数据渲染的时候浏览器后台总会报错 说这不是一个安全的网页，这个时候我们应该如何解决呢？请顺着小编的笔记往下看
在ts 文件中：

1.自身路径和本网页或者其他玩网页的url 部分进行拼接

//前半部分为url 的基础路径，后半部分为，通过路由传参的方式 获取后半截的 url 地址
let url = "http://127.0.0.1:8080/" + this.route.snapshot.params.href;

2. 引入模块

// 解决 unsafe 报错
import { DomSanitizer } from "@angular/platform-browser";
constructor( private sanitizer: DomSanitizer) {}

3. url地址需要转化成安全路径

声明一个全局变量接收这个转换的值

  myUrl;

 // url地址需要转化成安全路径
    this.myUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);

最后就能愉快的解决这个问题了，按照这个步骤一步步进行问题就不大了。
开发技巧天天看，评论收藏加点赞！