angularjs - 在 chrome net::ERR_INSECURE_RESPONSE 中访问 localhost api 时出错

Question

我试图使用 Angular $resources 访问在 localhost 中运行的 api，chrome 控制台给我错误提示 ERR_INSECURE_RESPONSE。

我尝试在 Chrome 中禁用网络安全。还是同样的错误。这是我使用的 angular.factory 。如何绕过此错误并测试我的应用程序。

    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 的服务器必须响应具有多个访问控制 header 的请求:

Access-Control-Allow-Origin: "*"

默认情况下，CORS 请求不使用 Cookie 发出。如果服务器包含这个 header ，那么我们通过将 withCredentials 选项设置为 true，可以将 cookie 与我们的请求一起发送。

Access-Control-Allow-Credentials (optional)

如果我们将请求中的withCredentials选项设置为true，但服务器没有响应使用此 header ，则请求将失败，反之亦然。