ローカルホストでアプリケーションを実行中にエラーが発生しました.XMLHttpRequestはロードできません

Question

リモートサーバーのhosterであるget apiを含むローカルホストから自分のページをテストします。このページを実行している間、コンソールでこのエラーが表示されます。

XMLHttpRequestはhttp://abcsoftwares.in/mymethod/getをロードできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。 Origin 'http://localhost:6366'はアクセスできません。 ここでajaxコールを使用してjsonを取得します。

function LoadChart() { 
     $.ajax({ 
      url: 'http://abcsoftwares.in/mymethod/get', 
      type: 'GET', 
      crossDomain: true, 
      success: function (data) { 
       if (data.success) { 
        var WaterTemperature = 12;      
        var fusioncharts = new FusionCharts({ 
         type: 'thermometer', 
         renderAt: 'abcdef', 
         id: 'myThm', 
         width: '240', 
         height: '301', 
         dataFormat: 'json', 
         dataSource: { 
          "chart": { 

          }, 
          "value": abc, 
          "annotations": { 
           "showbelow": "0", 
           "groups": [{ 
            "id": "indicator", 
            "items": [ 
             { 
              "id": "background", 
              "type": "rectangle", 

             } 
            ] 
           }] 

          }, 
         } 
        }); 

ローカルホストでのテスト用にURLを変更したくないです。与えられたエラーメッセージとして

Answer 1

は言った：

いいえ「アクセス制御 - 許可原点」ヘッダは、要求されたリソース上に存在します。 Origin 'http://localhost:6366'はアクセスできません。

あなたがアクセスできないリモートにGETまたはPOSTすることはできません。 一般的な解決策の1つは、ヘッダーAccess-Control-Allow-Origin:*をAPIサーバーに追加することです。

Answer 2

お使いのサーバアプリはWebApiConfigでCORS

を有効にする必要があります。各アクションで

config.EnableCors(); 

はこれで飾る：

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