Я работаю с 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 веб-приложении?
Большое спасибо за ваши ответы .