如何解决如何在firefox中加载css样式并解决内容安全策略:问题?
<html>
<head>
<title>Cheesr - Making cheese taste beta</title>
<wicket:link>
<link href="style.css" rel="stylesheet" />
</wicket:link>
</head>
<body>
<div id="container">
<div id="header">
<h1>...</h1>
</div>
<div id="contents">
<div id="main">
<div wicket:id="cheeses" class="cheese">
<h3 wicket:id="name">Gouda</h3>
<p wicket:id="description">Gouda is a Dutch...</p>
<p><span wicket:id="price">$1.99</span> <a wicket:id="add" href="#">add
to cart</a></p>
</div>
<div wicket:id="navigator"></div>
<wicket:remove>
<div class="cheese">
<h3>emmental</h3>
<p>emmental is a Swiss che...</p>
<p><span>$2.99</span> <a href="#">add to cart</a></p>
</div>
</wicket:remove></div>
<div id="cart">
<h3>Your selection</h3>
<table>
<tbody>
<tr wicket:id="cart">
<td wicket:id="name">Gouda</td>
<td wicket:id="price">2.99</td>
<td><a wicket:id="remove" href="#">remove</a></td>
</tr>
<wicket:remove>
<tr>
<td>emmental</td>
<td>$1.99</td>
<td><a href="#">remove</a></td>
</tr>
</wicket:remove>
</tbody>
<tfoot>
<tr class="total">
<th>Total</th>
<td wicket:id="total">$1.99</td>
<td> </td>
</tr>
</tfoot>
</table>
<input type="button" wicket:id="checkout" value="Check out" /></div>
</div>
</div>
</body>
</html>
当我尝试在 Firefox 中访问页面时,Css 样式不起作用。在开发人员工具控制台中,我有内容安全策略:页面的设置阻止了 http://localhost:8080/cheesestore/wicket/resource/org.heller.wicket.Index/style-ver-1614525831181.css( “样式源”)。有人可以告诉我如何解决这个问题吗?
解决方法
Wicket 9 默认启用 CSP 保护。如果您想禁用它,只需在您的应用程序中使用此代码 init()
:
@Override
protected void init() {
super.init();
getCspSettings().blocking().disabled();
// ...
}
,
要配置 CSP,您应该执行以下操作:
myApplication.getCspSettings().blocking().clear()
.add(CSPDirective.DEFAULT_SRC,CSPDirectiveSrcValue.NONE)
.add(CSPDirective.STYLE_SRC,CSPDirectiveSrcValue.SELF)
.add(CSPDirective.SCRIPT_SRC,CSPDirectiveSrcValue.SELF)
.add(CSPDirective.IMG_SRC,CSPDirectiveSrcValue.SELF)
.add(CSPDirective.FONT_SRC,CSPDirectiveSrcValue.SELF);
您的案例的重要内容是:.add(CSPDirective.STYLE_SRC,CSPDirectiveSrcValue.SELF)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。