javascript - document.location 尝试下载文件时修改 WebApi 路由

Question

我有一个使用 AngularJs 和 WebApi 构建的应用程序。我试图在按下按钮时下载文件。这是 ng-click 的代码:

                $scope.download = function (documentObj) {
                if (documentObj && documentObj.FileName)
                {
                    var urlParams = "sId=" + documentObj.IdStudy + "&fId=" + documentObj.IdRequiredFile + "&fName=" + documentObj.FileName;

                    document.location = "api/document/download?" + urlParams;
                }
            };

这在 Chrome 和 Mozilla 中运行良好，但在 IE 中则不然。在任何 IE 中。我注意到运行此代码后，WebApi 的 URL 在 IE 中非常不同。更具体地说:

我正在使用的 View 具有以下 URL:http://localhost:54094/admin/studies/edit/1在调用应该开始下载的 ng-click 函数后，我看到以下结果:

• Chrome:http://localhost:54094/api/document/download?sId=71&fId=4&fName=Basis%20KHT%202016.sql
• IE:http://localhost:54094/admin/studies/edit/api/document/download?sId=71&fId=4&fName=Basis KHT 2016.sql

因此，在 IE 中，不会调用正确的 WebApi 服务。

我错过了什么或做得不对吗？任何提示将不胜感激。

谢谢。

Answer 1

应该使用绝对路径而不是相对路径...只需添加 /

document.location = "/api/document/download?" + urlParams;

浏览器将查找api假设您没有使用 <base> 站点根目录中的目录页面中的标签