401 来自 Angular 节点应用程序调用 Web Api 2 应用程序的未经授权的 ajax 调用

Question

当我将 $sce 用于IFrame，但现在我想在应用程序中从 jquery ajax 调用 Web Api。

当我尝试调用它时，我得到了

401 未经授权

function getComments() {
    $.ajax({

        url: 'http://localhost:17308/Home/GetNewsComments?id=' + group, 
        type: 'Get',
        data: { id: tipId },
        success: function (data) {
            $("#commentDetail").empty().append(data);
        },
        error: function () {
            //alert("something seems wrong");
            console.log("something is wrong");
        }
    });
};

仅供参考/顺便说一句

我已经能够使用 IFrame 调用

$scope.setTipId = function (id) {
   $scope.detailFrame = $sce.trustAsResourceUrl("http://localhost:17308/Home/GetNewsComments?id=" + id);

我可以对来自控制器的 jquery ajax 调用做类似的事情吗？

更新

我什至尝试过“角度方式”

$http.get('http://localhost:17308/CommentCount/').success(function (data) {
        console.log('made it');
    })
    .error(function () {
        console.log('error');
    });

我仍然收到 401 错误...

Answer 1

调用 Web Api 控制器和加载 iFrame 是完全不同的事情。

我怀疑您的控制器方法实际上需要某种授权。使用属性[AllowAnonymous] 装饰 Web Api 控制器或控制器方法，如下所示。如果这不是一个选项，您的问题是您没有有效的 ASP.NET 会话，或者没有在您的 http 调用中添加令牌以进行授权。

[AllowAnonymous] //This allows all methods in the Controller to be accessed anonymously.  Both are redundant in this case.
public class CommentCountController : ApiController
{
   [HttpGet]
   [AllowAnonymous] //This allows this method to be accessed anonymously . Both are redundant in this case.
   public int Get()
   {
      return 1;
   }
}