AngularJS为令牌添加标题授权

Question

所以，过去两天我一直在挖掘，但我不知道为什么这不起作用..

问题来了，我尝试向 api 服务器发出请求，我必须在请求中添加一个令牌，但是当我将令牌添加到标头授权时，我从服务器得到响应 405

我已经在邮递员及其工作上测试过这个 api，但是当我实现 angular 时它不起作用

这是我的代码：

$http({
            method: 'POST',
            url: url,
            data: data,
            headers: {
                "Authorization": "Bearer xxxxxxxxxxx",
                "Content-Type": "application/x-www-form-urlencoded"
            }
        })

这是来自 chrome 的 req 标头： img

那么在这种情况下，这是我的代码，还是服务器问题？？

Answer 1

  angular
    .module('app')
    .factory('authInterceptor', authInterceptor);
authInterceptor.$inject = ["$q","$location"];
function authInterceptor($q, $location) {
        return {
          // Add authorization token to headers
            request: function (config) {
             // get token from a cookie or local storage
            var token = "token string ";
            config.headers = config.headers || {};
            config.headers.Authorization = "Bearer " + token;
            return config;
          },
          // Intercept 401s and redirect you to login
          responseError: function(response) {

            if(response.status === 401) {
             // redirect to some page

              // remove any stale tokens
              return $q.reject(response);
            }
            else {
              return $q.reject(response);
            }
          }
        };
      }

然后像这样注入拦截器

$httpProvider.interceptors.push('authInterceptor');