Activiti REST在GET请求后返回401

Question

当我尝试向Activiti REST URL发送GET请求时，使用POSTMAN并配置授权参数（kermit:kermit），它就像一个符咒。

但是当我尝试做同样的事情时，只使用Angular$超文本传输协议服务，它返回以下错误：

无法加载XMLHttpRequesthttp://localhost:8080/activiti-rest/service/repository/deployments。对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“access control Allow Origin”标头。原点'http://localhost:8081因此不允许访问。响应的HTTP状态代码为401。

这是我的控制器：

(function() {
'use strict';

angular
    .module('doktorat-app-test')
    .controller('TestController', TestController);

TestController.$inject = ['$http', '$base64'];
function TestController($http, $base64) {
    var tcr = this;
    $http.defaults.headers.common['Authorization'] = 'Basic ' + $base64.encode('kermit:kermit');


    tcr.text = 'ssdsds';


    $http.get('http://localhost:8080/activiti-rest/service/repository/deployments')
    .then(function(response){
        tcr.text = response.data;
    });
}

})();

有人遇到过类似的错误吗？花了超过2天的时间试图解决这个问题，但没有任何成功。

P、 我正在使用NodeJS http服务器来运行我的Angular应用程序，它运行在端口8081上。

Answer 1

要允许特定域的CORS，您可以使用如下中间件：

app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "http://localhost:8081");
    res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
    res.header("Access-Control-Allow-Credentials", "true");
    res.header("Access-Control-Allow-Headers", "Content-Type, Accept, Authorization, X-Requested-With");
    next();
});

Answer 2

由于您正在尝试访问位于http://localhost:8081/Fromhttp://localhost:8080/上的rest api，浏览器将检查您的服务器是否使用预检请求实现CORS。您可以在下面的url上获得有关CORS的详细信息：

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

通常，托管在一台服务器上的应用程序不允许访问托管在其他服务器上的资源。这一限制现在由所有浏览器执行。

为了使其工作，您的rest api服务器必须告诉其他一些服务器也将被允许调用。为此，您需要在RESTAPI服务器中实现CORS文件管理器。

由于您没有指定在REST中使用的语言，我为JAVA提供了一个开源的CORS过滤器库：

http://software.dzhuvinov.com/cors-filter.html

这解决了你的问题。