2017-09-06 20 views
0

を使用してWebAPIを呼び出す方法WebApiを初めて使用し、IISでWebAPIをデプロイしました。そのサービスIPを使用してWeb Apiを呼び出すと(http://172.16.209.121/Analytics/api/Purchase/GetProcSmartAnylisys .../Quantity/2ed4b08f-1566-4538-b46a-6fb3a23bf50c/01-01ローカルホスト(http://localhost/Analytics/api/Purchase/GetProcSmartAnylisys .../Quantity/2ed4b08f-1566-4538-b46a-6fb3a23bf50c/01-01-a)を使用しているときに、「Access-Control-Allow-Origin」エラーが発生しています。 2017/12-31-2017/daily)それはうまく働いています......、どのようにポート番号を使用して呼び出す。ポート番号

これは、これは私のAngularjsコードあなたはCORSを使用する必要があります

$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) { 

    }); 

} 
+1

。 – Nkosi

+0

URL形式でのポートの設定は、 'http://172.16.209.121:8000'のようになります。デフォルトで ':8000'を指定しない場合は、ポート番号80を使用します。したがって、ajaxリクエストを'http://xx.xx.xx.xx:portNumber' – Kalamarico

+0

私はvertuvalディレクトリを作成しました。そのポート番号はありません –

答えて

1

である私の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)); 

    } 

} 

です。

Install-Package Microsoft.AspNet.WebApi.Cors 

App_Start/WebApiConfig - 登録方法:

config.EnableCors(); 

FooController:IP番号ではないポートで

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

非常にありがとうございます@anılyıldırımこれは正常に動作しています私に必要な... –

関連する問題