Angularjs 如何使用端口号调用WebAPI

我是WebApi新手，在IIS中部署了WebApi，当我使用IP调用web Api时（…/Quantity/2ed4b08f-1566-4538-b46a-6fb3a23bf50c/01-01-2017/12-31-2017/每日），我在使用本地主机（…/Quantity/2ed4b08f-1566-4538-b46a-6fb3a23bf50c/01-2017/12-31-2017/每日）时收到错误“访问控制允许来源”，工作正常。。。。。。，如何使用端口号进行呼叫

这是我的WebApi

[RoutePrefix("api/Purchase")]

public class PurchaseController : ApiController

{

    [HttpGet]

    [Route("GetProcSmartAnylisysFinal/{treeType}/{basedOn}/{valueOrQty}/{organization}/{fromDate}/{toDate}/{range}")]
    public IHttpActionResult GetProcSmartAnylisysFinal(string treeType, string basedOn, string valueOrQty, string organization, string fromDate, string toDate, string range)

    {

        ProcSmartAnylisysFinal procSmartAnylisysFinal = new ProcSmartAnylisysFinal();

        return Ok(procSmartAnylisysFinal.getProcSmartAnylisysFinal(treeType, basedOn, valueOrQty, organization, fromDate, toDate, range));

    }

}

这是我的Angularjs代码

$scope.submit = function () {

    $http({

        method: "GET",

        url: 'http://172.16.209.121/mbas50-GCGAnalytics/api/Purchase/GetProcSmartAnylisys…/Quantity/2ed4b08f-1566-4538-b46a-6fb3a23bf50c/01-01-2017/12-31-2017/daily',

        datatype: 'json'

    }).then(function (data) {

        if (data.data.length > 0) {
            $scope.result = data.data;                
        } else {
            alert("there is no data found");
        }

    }, function (data) {

    });

}

你应该使用cors

Install-Package Microsoft.AspNet.WebApi.Cors

App_Start/WebApiConfig-注册方法：

config.EnableCors();

食物控制员：

[EnableCors(origins: "*", headers: "*", methods: "*")]

---

这是IP号而不是端口。带有端口的URL格式如下所示：''如果您不指定“：8000”，默认情况下它将测量端口号80，因此，如果您要对特定IP和端口执行ajax请求，语法应为：''I created vertuval Directory，没有端口号