Errore durante l'accesso a localhost api in chrome net :: ERR_INSECURE_RESPONSE

Question

Stavo cercando di accedere a API in esecuzione in localhost usando angular $ resourses, la console di chrome mi dà errore dicendo ERR_INSECURE_RESPONSE.

Ho provato a disabilitare la sicurezza Web in chrome. ancora lo stesso errore. ecco la fabbrica angolare che ho usato. Come posso evitare questo errore e testare la mia app.

ImpactPortal.factory('apiFactory', function ($resource) { 
    return $resource('https://localhost:8443/mifosng-provider/api/v1/client_impact_portal', {}, { 
     query: { 
      method: 'GET', 
      params: {}, 
      isArray: true 
     } 
    }) 
}); 

Answer 1

È necessario prima autenticarsi e quindi inviare ciascuna richiesta insieme al token di autenticazione.

Sto usando RestAngular, quindi le mie impostazioni potrebbero sembrare leggermente diverse da quelle su cui stai lavorando.

Questo andrà nella configurazione dell'applicazione: -

RestangularProvider.setDefaultHeaders({ 'X-Mifos-Platform-TenantId': 'default' }); 

e qualcosa come questo andrà nel controller/servizio

var login = Restangular.all('authentication?username=mifos&password=password').post().then(function(user) { 
    console.log(user); 
}, function() { 
    console.log("There was an error saving"); 
}); 

Answer 2

Errore 501 (net :: ERR_INSECURE_RESPONSE) - 501 Non implementato

Il server o non riconosce il metodo di richiesta, oppure manca la capacità di soddisfare la richiesta. Di solito ciò implica disponibilità futura (ad esempio, una nuova funzionalità di un'API del servizio Web).

Puoi confermare che ricciolo richiesta sta lavorando bene

curl -k --user damien@email.com:password https://localhost:8443/mifosng-provider/api/v1/client_impact_portal 

Se si sta lavorando bene:

ImpactPortal.factory('apiFactory', function ($resource) { 
    return $resource('https://localhost:8443/mifosng-provider/api/v1/client_impact_portal', {}, { 
     query: { 
      method: 'JSONP', 
      params: {}, 
      isArray: true 
     } 
    }) 
}); 

prova a seguire questo tutorial che consumano un API esterna: http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app

Answer 3

CORS Abilitazione in Angular.js

var myApp = angular.module('myApp', [ 
    'myAppApiService']); 

myApp.config(['$httpProvider', function($httpProvider) { 
     $httpProvider.defaults.useXDomain = true; 
     delete $httpProvider.defaults.headers.common['X-Requested-With']; 
    } 
]); 

CORS Un server di supporto devono rispondere alle richieste con diverse intestazioni di controllo di accesso:

Access-Control-Allow-Origin: "*" 

Per impostazione predefinita, le richieste sono CORS non fatto con biscotti. Se il server include questa intestazione, noi possiamo inviare cookie insieme alla nostra richiesta impostando l'opzione withCredentials su true.

Access-Control-Allow-Credentials (optional) 

se si imposta l'opzione withCredentials nella nostra richiesta di vero, ma il server non risponde con questa intestazione, la richiesta avrà esito negativo e viceversa.

Answer 4

solo provare questo:

Vai a https://[your-domain].com e quindi Chrome ti blocca con la famosa pagina:

La connessione non è privata

Quindi, andare verso il basso per ADVANVCED e poi proceed.

Il certificato è probabilmente autofirmato.

Ricordarsi di farlo per ogni sessione di Chrome.