访问chrome net :: ERR_INSECURE_RESPONSE中的localhost api时出错

Question

我试图使用angular $ resourses访问在localhost中运行的api,chrome console给出了错误说ERR_INSECURE_RESPONSE.

我尝试在Chrome中禁用网络安全性.还是一样的错误.这是我使用的角度工厂.如何绕过此错误并测试我的应用.

    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

在Angular.js中启用CORS

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

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

支持CORS的服务器必须响应具有多个访问控制头的请求:

Access-Control-Allow-Origin: "*"

默认情况下,CORS请求不是使用cookie进行的.如果服务器包含此标头,那么我们可以通过将withCredentials选项设置为true来发送cookie以及我们的请求.

Access-Control-Allow-Credentials (optional)

如果我们将请求中的withCredentials选项设置为true,但服务器没有响应此标头,则请求将失败,反之亦然.