Cross-Origin Read Blocking (CORB) заблокировал перекрестный ответ в приложении React

Я запускаю простое приложение на React для отображения звуковых дорожек из файлов, которые я загрузил на https://my.pcloud.com/ с помощью компонента React-Player.

Однако дорожка не отображается, и на моей консоли появляется следующая ошибка:

"Блокировка чтения из разных источников (CORB) заблокировала ответ из разных источников https://my.pcloud.com/publink/show?code=XZlsqq7ZK4mnFfNp1rJq8neYkc77Gp0yCd17 с типом MIME text / html. См.

Я провел несколько поисков и понял, что мне нужно сделать некоторые вещи на стороне сервера, чтобы обойти это. В любом случае, я мог бы сделать что-нибудь на стороне клиента, чтобы обойти это? Если нет, то какие-нибудь хорошие учебники / руководства о том, как настроить сервер и получить контент, который мне нужен для моего аудиоплеера? Спасибо!


reactjs audio cross-origin-read-blocking react-player
person user11186642    schedule 11.03.2019    source источник
comment
Проблемы CORS / CORB сводятся к тому, что ваш браузер не принимает определенные конечные точки, поскольку в ответе отсутствуют определенные заголовки CORS. Существуют плагины браузера для добавления этих заголовков для вашего собственного браузера для тестирования, но для производства вы должны исправить это в бэкэнде.   -  person Tholle    schedule 11.03.2019
comment
Сообщение об ошибке, указанное в вопросе, указывает на то, что ваш код пытается использовать ответ text / html в некотором контексте, когда браузер не ожидает text / html. https://my.pcloud.com/publink/show?code=XZlsqq7ZK4mnFfNp1rJq8neYkc77Gp0yCd17 - это HTML-страница, на которой показан встроенный проигрыватель для воспроизведения файла rainbow.mp3. Судя по описанию в вопросе, может показаться, что ваш код пытается загрузить эту https://my.pcloud.com/publink/show?code=XZlsqq7ZK4mnFfNp1rJq8neYkc77Gp0yCd17 HTML-страницу и использовать ее где-нибудь, вместо этого вы должны использовать файл rainbow.mp3.   -  person sideshowbarker    schedule 12.03.2019
comment
Если вам действительно нужен файл rainbow.mp3, то, похоже, вы можете получить его по URL https://p-def7.pcloud.com/cBZDcSShLZuYtsxLZZZBhhJA7Z2ZZufXZkZE77RZV5Z77ZNVZl7Zf7ZK5ZDXZv0ZiXZS0ZVkZe0ZO5ZlkZlsqq7Z3fHmYtB5FLbucQWM4cXnUBbXqzny/rainbow.mp3   -  person sideshowbarker    schedule 12.03.2019
comment
эй @sideshowbarker, я думаю, ты прав. Я пытался просто получить mp3-файл вместо всей html-страницы. в основном, я просто пытаюсь воспроизвести mp3-файл, загруженный онлайн. какие-нибудь советы, как это сделать?   -  person user11186642    schedule 16.03.2019

Ответы (1)


arrow_upward
0
arrow_downward

У меня была такая же проблема, и я мог решить ее, используя прокси, например this. В описании есть раздел «Как использовать», который может помочь вам в настройке. Удачного кодирования :-)

** РЕДАКТИРОВАТЬ **

Я (редактор) скопировал и вставил содержимое URL-адреса в этот ответ для целей SEO.

Супер-мини-прокси на php, созданный за 5 минут для многократного использования.

Я сделал это только потому, что я работаю с виртуальной машиной на моем компьютере в качестве области тестирования, но у меня есть IP-адрес типа 192.168.231.128, который не будет виден снаружи моего компьютера. Для тестирования веб-сайта на моем смартфоне я использовал это для обхода этой проблемы с ограничением, вызывая URL-адрес как http://192.168.1.4/proxy/192.168.231.128/.

Как использовать:

Просто позвоните по адресу, который вы хотите посетить, после вашего пути superminiphpproxy.

Например. http://127.0.0.1/proxy/www.google.com http://www.yourwebsite.com/proxy/www.google.com

Наслаждайся этим!

person Ali Bakhtiar    schedule 11.03.2019