Ошибка CSP с Rails 6, React и сервером разработки Webpack

Question

Я строю API, используя rails, и отправляю эти данные в мои React Views. К сожалению, всякий раз, когда я запускаю webpack-dev-server от CLI и go до localhost: 3035, я получаю эту ошибку

Content Security Policy: The page's settings blocked the loading of a resource at data:font/woff;base64,d09GRgABAAAAAJd6AB… ("default-src").

Если я загружаю localhost на порт 3000, все работает нормально.

Кто-нибудь знает, в чем проблема?

Answer 1

Проблема заключалась в моем понимании того, как работают Rails, React и webpack. Оказывается, что Webpack обслуживает файлы из порта: 3035 и рельсы из порта: 3030. Когда у меня работают оба сервера (т.е. rails и webpack) и я делаю запросы через порт rails: 3030, функция горячей перезагрузки webpack работает, и я не получаю ошибок CSP.