AngularJsいいえ「アクセス制御 - 許可 - 起源」

Question

私はこのような角度で要求を作るしようとしている：

(function() { 
    'use strict'; 

    angular.module('app') 
     .service('requestService',requestService); 

    function requestService($http) { 
     this.post = function(url, data) { 
      return $http({ 
       'method': 'POST', 
       'url': url, 
       'data': $.param(
        data 
       ) 
      }); 
     } 
    } 
})(); 

私は私のコンソールにエラーメッセージが表示されます。

XMLHttpRequest cannot load http://lsupport.dev/api/v1/login. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. 

マイhttp://localhost:3000はGulpでビルドされています。私はすでにウェブ上で多くを検索しましたが、私は解決策を見つけることができません。

Answer 1

クロスドメイン要求をしています。

つまり、要求を出しているサーバーのドメイン名が、要求しているサーバーのドメイン名と同じではありません。

「リスク」があるため、要求を行うサーバーはAccess-Control-Allow-Originヘッダーを設定する必要があります。あなたはあなたが使うべきものをGoogleにすることができます。これにより、任意のドメイン（またはドメインのホワイトリスト）からこのサーバーにHTTP要求を行うことができます。

また、クロスオリジンPOSTおよびPUTリクエストを作成する場合は、まず、クライアントからプレフライトOPTIONSリクエストが行われます。

このOPTIONS要求には、Access-Control-Allow-Originヘッダーが正しいかどうかを判断する1つの目的があります。そうであればPOSTリクエストを行います。そうでない場合、失敗します。これは、許可されていないときにデータのロードをポストする時間を節約するためです。

ブラウザの開発者コンソールで[NET]タブを確認すると、このOPTIONSリクエストが行われていることがわかります。

Answer 2

CORSをサーバー（リモート）で有効にすると、コードが異なるドメインの要求を実行できるようにする必要があります。

CORS-Wikipedia

Answer 3

あなたはそれを有効にする必要があり、あなたがサーバーの要求または所有者を作っているサーバへのアクセスを必要とする必要があります。

次の記事を詳細に確認してください。

Header set Access-Control-Allow-Origin in .htaccess doesn't work

Access-Control-Allow-Origin Multiple Origin Domains?

ホームステッドは、手順に従ってくださいnginxのサーバーです。それを解決する。

Handling CORS with Nginx

アクセス制御起源別の構成は、Apache、nginxのようなサーバーの種類に基づいてあり、特定の要求に応答するAngularJS、それサーバー側の問題をどうするは何もありません。