如何向每個Angular.js $ http請求添加添加請求參數（例如，啟動xdebug會話）

Question

我的混合應用程序基於AngularJS並使用php REST api。

我想直接從我的Angular應用程序調試php api，而不是使用REST控制台或Postman。 這將節省大量時間，特別是對於POST和PUT請求。

為此，我需要為每個請求添加一個參數，如下所示：

http://localhost:8000/api/contacts?XDEBUG_SESSION_START=PHPSTORM

我可以配置$ http這樣做嗎？

Answer 1

您可以使用httpInterceptor（官方$ http 文檔包含更多信息）

// register the interceptor as a service
$provide.factory('xdebugInterceptor', function($q) {
  return {
    // optional method
    'request': function(config) {
      // do something on success

      // !!! adjust the config object
      // add request param XDEBUG_SESSION_START=PHPSTORM
      // it will be added to every made request

      config.params = config.params || {};
      config.params.XDEBUG_SESSION_START: "PHPSTORM";

      return config;
    },

    // optional method
   'requestError': function(rejection) {
      // do something on error
      return $q.reject(rejection);
    },


    // optional method
    'response': function(response) {
      // do something on success
      return response;
    },

    // optional method
   'responseError': function(rejection) {
      // do something on error
      return $q.reject(rejection);
    }
  };
});

// make this conditional so you use it only in DEV mode
$httpProvider.interceptors.push('xdebugInterceptor');