如何向每个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');