如何在我的 Angular 组件中打开其他 web 站点

Question

我正在尝试制作一个 web 应用程序，该应用程序应该在组件内打开一个 web 站点，然后该工具将像 selenium 一样运行。像这样的 senerio。 用户键入链接并按回车键。 然后我们打开组件内部的web页面。 有几种方法可以打开其中的 web 页面，例如 Iframe、嵌入、object 等。但由于CORS POLICY ，web 页面阻止了我，所以有没有办法实现这一点。 谢谢你。

Answer 1

你需要使用 dom sanitizer 并且你的跨域应该通过 iframe 接受你的请求。

这是一个示例 stackblitz。 https://stackblitz.com/edit/angular-158g4a

import { Component } from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  constructor(private domSanitizer: DomSanitizer){}
  //https://www.google.com/  // does not work
  //https://angular.io/     // works fine
  url = this.domSanitizer.bypassSecurityTrustResourceUrl('https://angular.io/')
  name = 'Angular';
}