json-server - クロスオリジンリクエストは、プロトコルスキーム（http、data、chrome、chrome-extension）でのみサポートされます。

Question

エクスプレスサーバを使用して、8000番ポートにangleJSアプリケーションを提供しています。$http.get私のサービスはAPIを打つ。
3000でAPIをホストするのにjson-serverを使用しています。ブラウザにURLを入力すると、JSONが配信されます。しかし、アプリケーションを開くと、devtoolsに次のエラーが表示されます。

XMLHttpRequestはlocalhost：3000/techDataをロードできません。 Cross originリクエストは、http、data、chrome、chrome-extension、httpsのプロトコルスキームでのみサポートされています。

これはangularjsサービスです：私はthis issueを見て、JSON-サーバは、クロスオリジン・リクエストを許可することを学んだ

techApp.factory('techData', function ($http) { 
    let data; 
    $http.get('localhost:3000/techData') 
    .then((response) => { 
     data = response.data; 
    }); 

    return { 
     techData: data 
    }; 
}); 

。

Answer 1

誰かがいる場合は、httpのURLを使用していませんでした。引数を$http.getに変更すると、次のように問題が解決しました。

$http.get('http://localhost:3000/techData')