Ionic 2:在应用程序内部加载外部内容

丹尼尔·斯夸洛(Daniele Squalo)

我是Ionic的新手。我的打字稿文件是这样的:

import { Component } from '@angular/core';
import { Http } from '@angular/http';

import { NavController } from 'ionic-angular';

@Component({
 selector: 'page-about',
 templateUrl: 'about.html'
})
export class AboutPage {
   mypage: any;

  constructor(public navCtrl: NavController, public http: Http) {
        this.http
  .get('http://localhost/xampp/')
  .map(response => response.text())
  .subscribe(html => this.mypage = html);
  }
}

即使在相同的来源中,任何URL也会导致类似以下
EXCEPTION: Response with status: 0 for URL: null的错误该错误出现在我的PC或手机中的离子服务上。我应该怎么做才能解决?我也想将其作为组件加载为“ templateUrl:'somehtml'”,但将来我想在我的应用程序中加载一些json数据。谢谢你。

丹尼尔·斯夸洛(Daniele Squalo)

我自己解决了。这是一个CORS问题,但我在Ionic 2上几乎没有找到有关它的信息。答案在ionic.config.json文件中。您必须将这些行添加到json项目:

"proxies": [
    {
        "path": "/virtualfolder",
        "proxyUrl": "http://www.externalsite.com"
    }
  ]

现在是真正的问题。足够的?不,当然。回到我的代码,我应该这样做:

this.http
  .get('virtualfolder/someresource.html')
  .map(response => response.text())
  .subscribe(html => this.mypage = html);

Ionic将您的外部资源映射到您指定的路径中。在注意到这一点之后,我不得不解决一些与之无关的问题,但最终还是达到了我想要的目的,并且我注意到了反XSS策略的强大性。希望我会帮助某人。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

外部链接以加载Ionic / Cordova应用程序的OUTSIDE

Ionic应用程序未加载位置

Ionic.io 2,苹果应用程序加载程序,缺少代码签名证书

正在关闭应用程序Ionic以打开外部URL

Ionic 应用程序 - 每个按钮的内容相同

外部 API 在我的 ionic 2 混合移动应用程序中不适用于 ipad

Ionic 4:硬件后退按钮重新加载应用程序

Ionic:我的Android应用程序的首次加载异常缓慢

Ionic 2-在重新加载应用程序之前,存储始终为空

在 Ionic 4 中设置存储后,我的 Ionic 应用程序不断加载

将 JavaScript 文件放在 Ionic 2 应用程序的何处?

如何添加TestFairy ionic 2应用程序

用户离开应用程序时,Ionic 2执行方法

设置ionic 2应用程序的背景图像

构建ionic2应用程序失败

如何使ionic 2应用程序的打字稿可选?

如何导航到Ionic 2应用程序

Ionic 2构建的应用程序(IOS,Android)启动缓慢

在Ionic 2应用程序中显示Youtube

在ionic 2应用程序中如何访问角度全局?

使用 AngularFire2 的 Ionic Firebase 应用程序

Ionic 2 应用程序冲突“公共”与“公共静态”

Ionic:启动外部应用

使用Ionic Dev应用程序测试Ionic Native功能

Ionic 2 内部函数和外部函数

如何使用量角器在 ionic 2 混合移动应用程序中实现屏幕元素加载的等待

如何在Ionic 2或3应用程序中加载实际图像之前显示占位符图像

为什么我的Ionic2应用程序始终作为Android应用程序使用?

Ionic View管理应用程序