Iframe(WooCommerce)并在Ionic应用程序中使用Facebook登录

Question

我有一个来自Wordpress网站的带有iframe的ionic应用程序。在我的家.page.ts我有这个代码：

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

@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
public cleanSupportURL: any;
sanitizer: DomSanitizer;
url: string = "https://domain.com.ar";

constructor(sanitizer: DomSanitizer) {
this.sanitizer = sanitizer;
this.cleanSupportURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
this.cleanSupportURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.fb);
}
}

还有我的家。page.html：

<ion-content>
<ion-content>
<iframe [class]="webPage" [name]="samplePage" scrolling="yes" [src]="cleanSupportURL">
</iframe>
</ion-content>
</ion-content>

一切都很好，除了登录Facebook和谷歌。当我尝试登录Facebook时，屏幕上显示的是：

La página web dehttps://m.facebook.com/login.php?skip_api_login=1&api_key=536079400554654&kid_directed_site=0&app_id＝536079400554654&signed_next＝1&next=https%3A%2F%2Fm.facebook.com%2Fv3.2%2Fdialog%2Fauth%3response_type%3Dcode%26client_id%3D36079400554654%26redirect_uri%3Dhttps%253A%252F%252Fvinapp.com.ar%252Fwp-login.php%253FlognSocial%253Dfacebook%26state%3D6044938ac15b05b5ac06d1886069f1df%26scope%3Public_profile%252Cemail%26ret%3Dlogin%26fbapp_pres%3D0%26logger_id%3D183-c149-4a83-8a11-6a11-61 263dbddab6c&cancel_url=https%3A%2F%2Fvinapp.com.ar%2Fwp-login.php%3LoginSocial%3Facebook%26error%3access_denied%26error_code%3D200%26errordescription%3DPermissions%2Berror%26error_reason%3user_denied%26state%3D6044938ac15b05b5ac06d1886069f1df%23_%3D_&display=触摸&locale=es_LA&pl_dbl＝0&refsrc=http%3A%2F%2Fvinapp.com.ar%2Flogin%2F&amp_rdrno se pudo cargar porque:

net:：ERR_BLOCKED_BY_REPONSE

知道如何修复它吗？谢谢

Answer 1

我认为你的Wifi限制了Facebook。

只需关闭WIFI并使用移动数据，然后检查…