Отказано в применении встроенного стиля, поскольку он нарушает следующую Политику безопасности контента. ⇐ CSS

[Anonymous]

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

Код: Выделить всё

each review in tour.reviews
.mc_reviews
.mcr_top
.mcrt_left
.mcrtl_pic
.mcrtlp_container
img(src=`images/users/${review.user.photo}`)
.mcrtl_name= `${review.user.name}`
.mcrt_mid
.mcrt_right
img(src='/images/star.png')
img(src='/images/star.png')
img(src='/images/star.png')
img(src='/images/star.png')
img(src='/images/star.png')
.mcrtr_overlay(style={'width': `${(review.rating)*20}%`})
.mcr_bottom= `"${review.review}"`

Выше представлен шаблон мопса, в котором вы можете легко найти встроенный контент.
[img]https://i.sstatic .net/KnolXv5G.png[/img]

Встроенный стиль поможет мне раскрасить звезды в зависимости от рейтинга каждого рецензента.
Теперь, когда меня беспокоит эта проблема!

Я уже использовал приведенный ниже код, полученный из другого поста о переполнении стека:

Код: Выделить всё

app.use(
helmet.contentSecurityPolicy({
directives: {
defaultSrc: ["'self'", 'data:', 'blob:'],

fontSrc: ["'self'", 'https:', 'data:'],

scriptSrc: ["'self'", 'unsafe-inline'],

scriptSrc: ["'self'", 'https://*.cloudflare.com'],

scriptSrcElem: ["'self'",'https:', 'https://*.cloudflare.com'],

styleSrc: ["'self'", 'https:', 'unsafe-inline'],

connectSrc: ["'self'", 'data', 'https://*.cloudflare.com']
},
})
);

Я также использовал множество подобных решений, но ни одно из них не работает.
Пожалуйста, помогите!!!

Подробнее здесь: https://stackoverflow.com/questions/791 ... t-security