连接到服务器时的AngularJS下载文件问题

在AngularJS中，可以使用$http服务来下载文件。以下是一个使用$http服务下载文件的示例代码：

HTML模板：

<button ng-click="downloadFile()">下载文件</button>

控制器：

app.controller('MainCtrl', function($scope, $http) {
  $scope.downloadFile = function() {
    $http({
      method: 'GET',
      url: 'http://example.com/file.pdf',
      responseType: 'arraybuffer'
    }).then(function(response) {
      var blob = new Blob([response.data], {type: 'application/pdf'});
      var url = URL.createObjectURL(blob);
      var a = document.createElement('a');
      a.href = url;
      a.download = 'file.pdf';
      a.click();
      URL.revokeObjectURL(url);
    }, function(error) {
      console.error('下载文件出错：', error);
    });
  };
});

在上面的代码中，当按钮被点击时，downloadFile函数会发送一个GET请求到服务器来下载文件。服务器返回的文件数据会以arraybuffer的形式保存在response.data中。然后，我们使用Blob对象创建一个文件对象，然后通过创建一个临时的URL，将文件链接到一个<a>标签上。最后，通过模拟点击<a>标签来触发文件的下载。