Extjs Iframe - displays "cannot connect error message"

Question

I have an extjs iframe created as below which gets rendered onto a page when called using its xtype. However, the page displays "cannot connect to" the URL I specified in src parameter error message. But if I access the URL which I have in src parameter directly from the browser, I am able to access it. What is the issue here? Any suggestions would really help!

Ext.define('myComp', {
extend:'Ext.container.Container',
xtype: 'iframe'

itemId:'iframe204'
requires: [
  'Ext.ux.IFrame',
],


layout:'fit',
height:'100%',

initComponent:
    function() {
        this.items = [];
        this.items.push({
           xtype:'uxiframe',
           itemId:'myframe',
           height:'100%',
           src: someURL
});

this.callParent(arguments);
  },
});