#bitbucket #gatsby #gatsby-image #static-pages
#bitbucket #gatsby #gatsby-изображение #статические страницы
Вопрос:
Я закодировал статическую страницу с помощью gatsby и развернул ее. :80 — это не проблема, также, когда я размещал ее на статической странице github, консоль не выдавала спам-ошибок. Для каждого <GatsbyImage/>
, который я использую в своем проекте, я получаю эту ошибку chrome-console на моей статической странице.
[Report Only] Refused to connect to '<URL>' because it violates the following Content Security Policy directive:
"connect-src bitbucket.org *.bitbucket.org bb-inf.net *.bb-inf.net analytics.atlassian.com as.atlassian.com
api-private.stg.atlassian.com api-private.atlassian.com cofs.staging.public.atl-paas.net cofs.prod.public.atl-paas.net intake.opbeat.com api.media.atlassian.com api.segment.io
xid.statuspage.io xid.atlassian.com xid.sourcetreeapp.com bam.nr-data.net sentry.io bqlf8qjztdtr.statuspage.io <URL>".
Может кто-нибудь указать мне на 1. понять проблему 2. обработать ее должным образом, чтобы избежать всех этих ошибок консоли. я ненавижу ошибки в живых проектах 😉
Ответ №1:
Это проблема с Content Security Policy
использованием Gatsby. Смотрите дополнительные пояснения в [1]. Gatsby нельзя использовать с правилом CSP напрямую.
Для этого есть несколько плагинов, например, один из [2], который позволяет сделать так, что правило CSP частично генерируется Gatsby. Ошибки исправляются.
Источник:
Комментарии:
1. Это также был мой вывод после более глубокого изучения темы. Спасибо за соответствующий ответ.