Обычно запрещается доступ к иностранному серверу publi c через мой webApp (CORS?)) - PullRequest
0 голосов
/ 26 апреля 2020

Я работаю с REACT JS и попытался создать небольшую веб-страницу в моем приложении REACT, которое подключает к открытому веб-сокету криптовалютного портала Coinbase, чтобы отобразить некоторые цены в режиме реального времени.

Я пытался открыть сокет с помощью

import React from 'react';
import { useEffect, useState } from 'react';
import io from 'socket.io-client';

const CryptoFeed = () => {
    const [prices, setPrices] = useState([]);

    useEffect(() => {
        debugger;
        const socket = io.connect('wss://ws-feed.pro.coinbase.com');
        //const socket = io.connect('wss://ws-feed.gdax.com'); // I tried gdax too, but its the same error

        socket.on('connect', () => {
            console.log('connect');
        });
    }, []);
    return <div>Hallo</div>;
};

export default CryptoFeed;

, но затем я получаю эту ошибку в консоли chrome (и firefox):

Access to XMLHttpRequest at 'https://ws-feed.gdax.com/socket.io/?EIO=3&transport=polling&t=N6s7NQ5' 
from origin 'http://localhost:3000' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

Теперь я начал свое исследование и нашел CORS topi c. И вот мой вопрос:

Как правильно отобразить данные с внешнего сервера в моем javascript веб-приложении?

Большое спасибо за ваши ответы .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...