React/jQuery - なぜ 'Access-Control-Allow-Origin'ヘッダが拒否されていますか？

Question

私が受けてるの誤差がある https://www.html5rocks.com/en/tutorials/cors/

に（彼らは自分自身に従うことをお勧めしていること）CORSガイド以下のとき、私はまだ、このエラーを取得しています方法を理解するために自分のベストをやっている：

ロードに失敗しましたhttps://bittrex.com/api/v1.1/public/getmarketsummaries：要求されたリソースに 'Access-Control-Allow-Origin'ヘッダーがありません。 Origin 'http://localhost:3000'はアクセスできません。

これに基づいて、問題は$ .ajaxコールの内側にあると思いますか？

import React, { Component } from 'react'; 
import './App.css'; 
import $ from 'jquery'; 

export default class TokenList extends Component { 
constructor(props) { 
    super(props); 

    this.state = { 
     object : [] 
     }; 
    } 

    componentDidMount() { 
     this.TokenList(); 
    } 


    TokenList() { 

// Method currently not working... 

// Method 1 
    $.ajax({ 
     type: 'GET', 
     url: 'https://bittrex.com/api/v1.1/public/getmarketsummaries', 
     contentType: 'text/plain', 
     xhrFields: { 
      withCredentials: false 
     }, 

     success: function() { 
      console.log('Access Granted!'); 
     }, 


// Error suggests the issue is here? 
     headers: { 
      'Access-Control-Allow-Origin' : 'http://localhost:3000' 
     }, 

     error: function() { 
      alert('Error making the request'); 
     } 

    }) 
    } 

Answer 1

ありCORS

と多くの混乱があるが、一番下の行に、あなたは、クライアント側の要求にCORSを設定しないでください。

バックエンドは、応答に適切なヘッダーを返すと仮定します。

のような：

headers: { 
     'Access-Control-Allow-Origin' : 'http://localhost:3000' 
    }, 

これは、バックエンドからではなく、あなたがクライアント上でそれを設定することにより、来る必要があります。

バックエンドを制御していない場合は、そのプロバイダが送信する内容を確認する必要があります。