AngularJS $http 请求在 Node JS Express 中未被检测为 xhr

Question

我在 AngularJS 中使用 $http 来调用 Node JS Express API

var req = {
 method: 'POST',
 url: '/list',
 data: { test: 'test' }
}

$http(req).then(function(){
    console.log('then1');
});

但是在 Node JS ('/list') 中，当我检查它是 xhr 请求时，返回 false。

console.log('IS XHR ' + req.xhr) // IS XHR false

我需要检测 xhr 请求是否执行其他操作，我该如何实现。

Answer 1

您可以在您的 angularjs 应用程序中将 X-Requested-With back 添加到 $httpProvider，但它已被 angularjs 团队删除... https://github.com/angular/angular.js/commit/3a75b1124d062f64093a90b26630938558909e8d

如下所示:

var app = angular.module('yourApp', []);

app.config(['$httpProvider', function ($httpProvider) {
  $httpProvider.defaults.headers
               .common['X-Requested-With'] = 'XMLHttpRequest';
}]);

或

$http.get('/list', {
  headers: {
    'X-Requested-With': 'XMLHttpRequest'
  }
});

你可以试试下面的方法:

if (req.xhr || req.headers.accept.indexOf('json') > -1) {
  //xhr response
  } else {

}