Изображение нарушает следующую директиву Политики безопасности контента - Создание приложения React - PullRequest
0 голосов
/ 19 апреля 2020

Я получаю следующую ошибку Content Security Policy в chrome при запуске моего приложения React. Я пытался найти это в течение долгого времени, но не смог найти достаточно информации о том, как это исправить при использовании create-реагировать-приложение. Я был бы очень признателен за любую помощь.

enter image description here

1 Ответ

0 голосов
/ 19 апреля 2020

После небольшого поиска вашей проблемы, я остановился на здесь, в MDN . Я кратко определю, в чем проблема, но для получения дополнительной информации я настоятельно рекомендую вам прочитать предоставленную ссылку.

Итак, что именно здесь происходит?

Это потому, что веб-сайт настроен на использование контента. Политика безопасности (CSP) для защиты от злонамеренной загрузки кода от третьей стороны. Метатег Content-Security-Policy позволяет снизить риск атак XSS, позволяя определить, откуда можно загружать ресурсы, не позволяя браузерам загружать данные из любых других мест. Из-за этого злоумышленнику будет сложнее внедрить вредоносный код на ваш сайт.

Как решить эту проблему?

Согласно предоставленной мной ссылке MDN, мы должны решить эту проблему, добавив следующее метатег к нашему index.html.

<meta http-equiv="Content-Security-Policy" content="default-src 'self' *.trusted.com">

ПРИМЕЧАНИЕ: *.trusted.com должен быть доверенным сайтом или их списком.

Тогда что должно произойти на ваш собственный localhost?

Я столкнулся с несколькими проблемами, подобными вашей, и затем выяснил, когда эта ошибка появилась на вашей консоли, это не обязательно означает, что у вас есть именно эта проблема в вашем проекте, и другие проблемы в Ваш основной код может вызвать такую ​​ошибку. Я только что нашел несколько похожих проблем, о которых будет рассказано ниже:


Итак, что вы должны сделать ?

Прежде всего, пожалуйста, проверьте все существующие коды и пути в вашем проекте и убедитесь, что ни в одном из них нет ошибок. Когда вы избавитесь от всех своих ошибок, это должно исчезнуть как обычно, но если проблема настаивает на существовании, пожалуйста, обязательно отключите все ваши расширения в вашем браузере (вы можете безопасно проверить его на инкогнито, не отключая ничего), а затем запустите проект и посмотрите, исчезла ли ошибка.

Так что есть два шага, чтобы избавиться от этого:

  1. Избавьтесь от всех ваших ошибки проекта и маршрутизации
  2. Убедитесь, что все ваши расширения отключены
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...