У меня есть список изображений с совой каруселью:
<div id="owl-demo" class="owl-carousel">
<div class="item"><img src="{{URL::asset('img/app-screen/screen1.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen2.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen3.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen4.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen5.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen6.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen7.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen2.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen5.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen1.png')}}"></div>
<div class="item"><img src="{{URL::asset('img/app-screen/screen6.png')}}"></div>
</div>
, который работал идеально, пока я не начал использовать CSP. Я думаю, что что-то не так с моими правилами (я использую пакет laravel spatie / laravel-csp) вот мои правила:
public function configure()
{
$this
->addDirective(Directive::BASE, Value::SELF)
->addDirective(Directive::CONNECT, Value::SELF)
->addDirective(Directive::DEFAULT, Value::SELF)
->addDirective(Directive::FORM_ACTION, Value::SELF)
->addDirective(Directive::IMG, Value::SELF)
->addDirective(Directive::MEDIA, Value::SELF)
->addDirective(Directive::OBJECT, Value::SELF)
->addDirective(Directive::SCRIPT, Value::SELF)
->addDirective(Directive::STYLE, Value::SELF)
;
}
примечание: у карусели совы нет встроенного кода, и все файлы js и css хранятся в проекте.