$http angularjs 调用未使用 Worklight 从移动设备执行

Question

我不知道这是否真的是特定于工作灯的。但是在 ios/移动设备上，这个 $http 调用没有执行（或者至少看起来不像）。

我没有达到success 点或error 点。监视网络流量时，我看不到正在发出请求。你看到这里的问题了吗，是工作灯，有角度的吗？

我试图添加scope.apply 并更改请求参数。我用 jquery/ajax 尝试了类似的代码，但得到了类似的结果。

此外，当我在桌面浏览器（非移动）环境中对此进行测试时，调用工作正常。您看到什么可以纠正 $http 调用未执行的问题吗？

var deferred = $q.defer();
var httplogout = function() {
    $http({
        method: 'post',
        url: 'https://server.com/logout',
        data: {},
        timeout: 8000
    }).then(function(data) {        
        deferred.resolve();
    }, function(err) {             
        deferred.reject();
    });

    return deferred.promise();
};

$timeout(function() {
    $scope.$apply(function() {
        httplogout().then(function() {        
            WL.Logger.debug('Done');
        });
    });
    }, 
1);

Answer 1

您正在执行跨域请求，可能应该使用$http.jsonphttps://docs.angularjs.org/api/ng/service/$http#jsonp。您可以通过查看开发者控制台来查看这是否是问题所在，您应该会看到与 HTTP 请求相关的跨域异常

您可以查看此页面以获取更多信息http://msdn.microsoft.com/en-us/library/cc709423%28v=vs.85%29.aspx#xdomainsec_secconcernswebapiwg，但基本上，您还应确保您的服务器设置了正确的标头以允许跨域请求并处理 JSONP 回调。

这里是一些 Node.js/Express 代码，用于在响应中设置这些标头（并且还处理 JSONP 回调）

function sendResponse(req, res, data) {
    res.setHeader('Access-Control-Allow-Origin', req.headers && req.headers.origin ? req.headers.origin : '*');
    res.setHeader('Access-Control-Allow-Credentials', 'true');
    res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
    if (req.query.callback) {
        res.setHeader('Content-Type', 'text/javascript');
        var response = req.query.callback + '(' +
            JSON.stringify(data) +
            ');';
        res.send(response);
    } else {
        res.setHeader('Content-Type', 'application/json');
        res.send(data);
    }
}

您还应该实现 OPTIONS HTTP 请求（这里是一些 Node.js/Express 代码）

app.options('*',
    function(req, res) {
        sendResponse(req, res, {});
    });