service api call is not working in html web resource

Hello Experts,

I have custom html web resource in which i have used a api service call , the service has been hosted in same server where crm being hosted. We are using crm 2013 on premise version. Below is the code i have used 

 grid = new Slick.Grid("#myGrid", data, columns, options);
            $("#Table1").treetable(
                {
                    expandable: true,
                    Url: 'http://crmsandbox.___.com:5050/api/profile',
                    HeaderTexts: ['', 'Annual Revenue', 'Loans'],
                    DataFields: ['text', 'AnnualRevenue', 'children'],
                    IsStaticContent: false
                });

The error i am getting is , XMLHtmlRequest cannot load http://crmsandbox.____.com:5050/api/profile. The Access-control-Allow-Origin header contains multiple values *,
https://crmsandbox.____.com,*, but only one is allowed. Origin 'https://crmsandbox.___.com is therefore not allowed access.

I have created this html web resource to display customers in a tree view in a DashBoard. How to call service api in html web resource which will be used in dashboard to display tree view of accounts/customers?

thank you in advance

Madhusudhan M



Thanks and Regards. MadhuSudhan M