为什么我的角度控制器没有击中我的Web Api控制器

本文关键字：控制器 我的 Api Web 为什么 | 更新日期: 2023-09-27 18:32:54

我正在尝试从服务器获取测试客户列表。我知道 Web API 控制器正在从数据库接收数据，因为我有围绕它的单元/集成测试;但是，当我尝试将数据拉到我的角度控制器时，我会收到一个 500 状态代码。

角度控制器：

var surchargeIndex = angular.module('surchargeIndex', []);
surchargeIndex.controller('SurchargeIndexController', function ($scope, customerService) {
    $scope.customers = { Key: "", Value: "" };
    customerService.getTest($scope);
});
surchargeIndex.service('customerService', [
    '$http', function($http) {
        this.getTest = function ($scope) {
            return $http({
                method: "GET",
                url: "api/Customer/GetTest",
            })
            .success(function (data) {
                $scope.customers = data;
            })
            .error(function () {
                $scope.error = "Failed to load customers!";
            });
        }
    }
]);

网页接口：

[RoutePrefix("api/Customer")]
public class CustomerController : ApiController
{
    private readonly ICustomerService _service;
    public CustomerController(ICustomerService service)
    {
        _service = service;
    }
    [Route("GetTest"), HttpGet]
    public IEnumerable<IJsonResult> GetTest()
    {
        return _service.GetTest();
    }
}

我错过了什么？

为什么我的角度控制器没有击中我的Web Api控制器

默认情况下，Web API不允许远程连接。

这称为Cross-origin resource sharing（CORS）。

Web API 2.2通过提供EnableCorsAttribute可以轻松启用CORS。

基本用法

[EnableCors("*", "*", "*")]
public class ResourcesController : ApiController
{
    ...

属性定义

[AttributeUsageAttribute(AttributeTargets.Class|AttributeTargets.Method, AllowMultiple = false)]
public EnableCorsAttribute(
    string origins,
    string headers,
    string methods
)

启用全局CORS

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        var cors = new EnableCorsAttribute("www.example.com", "*", "*");
        config.EnableCors(cors);
        // ...
    }
}

您还需要从nuget安装 CORS 包 

Install-Package Microsoft.AspNet.WebApi.Cors
相关文章：