Как обрабатывать `unsafe-eval’ с помощью статических сайтов bitbucket

#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] https://github.com/gatsbyjs/gatsby/issues/10890

[2] https://www.gatsbyjs.com/plugins/gatsby-plugin-csp /

Комментарии:

1. Это также был мой вывод после более глубокого изучения темы. Спасибо за соответствующий ответ.