React Gatsby CSP с Material-UI 5

В настоящее время я работаю над приложением, созданным с помощью gatsby и использующим в качестве стиля Material Ui.

Однако есть требование от клиента, что мы не можем использовать небезопасное встроенное значение для стиля csp.

Мы используем gatsby-csp-plugin для определения наших метаданных CSP.

Этот плагин создает хеши для тегов style en script в заголовке.Maetrial ui, похоже, работает с nonce для исправления csp, как определено в их документации .

Для этого нам необходимо создать кеш эмоций и передать ему одноразовый номер.

Однако я понятия не имею, как мы собираемся генерировать новый одноразовый номер при каждом запросе и передавать его в материальный кеш эмоций пользовательского интерфейса, а также убедиться, что он определен в моей конфигурации gatsby-csp-plugin.

Также побочный вопрос заключается в том, что плагин csp, похоже, также блокирует встроенный стиль, определенный в коде. Есть ли способ обойти это, или мы просто должны убедиться, что у нас вообще нет встроенного стиля?

Любая помощь будет принята с благодарностью.

большинство запросов об этом просто заканчиваются использованием unsafe-inline что для меня не вариант.

0 ответов

Другие вопросы по тегам