Javascript 如何使用授权承载令牌从服务器获取图像

我使用Angular JS从服务器获取图像，使用

Authorization:Bearer

token。我已经在上一节讲过了这个例子

我使用的代码如下：

它很好用。但它是用纯JavaScript编写的。我只是想知道是否有任何等效的语法使用Angular JS来实现相同的功能

我试过使用Angualar JS的

$http

来做这件事。我的代码如下所示

$http({
            method: 'GET',
            url: file,
            headers: {
                'Authorization': 'Bearer ' + Constants.token
            }
        }).then(function (data) {
            console.log('from backend', data)
        })

但它给出了以下错误，浏览器被挂起

错误屏幕截图

---

我不知道为什么会发生错误以及如何修复它

我通常做的是对我提出的请求使用拦截器

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

并使用工厂根据请求和响应进行工作

.... .factory('myInterceptor', function() {
return {
    request: function(config) {
        config.headers.Authorization="Bearer "+ myberer
        return config;
    },
    requestError: function(reject) {
      // do something on error
      console.log('request Error')
    },
    response: function(config) {

    },
    responseError: function(reject) {
    }
};

您可以在本文中找到更多信息

或者搜索angularJs拦截器

.... .factory('myInterceptor', function() {
return {
    request: function(config) {
        config.headers.Authorization="Bearer "+ myberer
        return config;
    },
    requestError: function(reject) {
      // do something on error
      console.log('request Error')
    },
    response: function(config) {

    },
    responseError: function(reject) {
    }
};