python - Bootstrap,fontawesome CSP 无法正常工作
问题描述
尝试在烧瓶中为 Fontawesome css 创建 CSP,如下所示。但图标不显示。我做错了什么?
@posts.after_request
def add_security_headers(resp):
resp.headers['Content-Security-Policy']=('style-src \'self\' https://maxcdn.bootstrapcdn.com; \
font-src https://use.fontawesome.com/releases/v5.5.0/css/all.css;\
script-src \'self\' https://ajax.googleapis.com https://code.jquery.com https://cdnjs.cloudflare.com https://maxcdn.bootstrapcdn.com;')
return resp
解决方案
<script defer src="/assets/fa/js/brands.js"></script>
<script defer src="/assets/fa/js/solid.js"></script>
<script defer src="/assets/fa/js/fontawesome.js"></script>
使用 js 库 for fontawesome 5. 附加设置将是这样的
<div class="col-lg-4 col-6 p-1 px-2">
<i class="fab fa-instagram fa-2x"></i>
<a href="https://www.instagram.com">instagram</a>
</div>
<div class="col-lg-4 col-6 p-1 px-2">
<i class="fab fa-whatsapp-square fa-2x"></i>
<a href="whatsapp://">whatsapp</a>
</div>
请注意fab类,它代表字体真棒品牌,fas代表字体真棒...
推荐阅读
- python-3.x - Matplotlib axes.legend 改变图像大小(图像方面?)
- python-3.x - 如何从 KMeans 集群中获取集群的名称?
- node.js - 如何将 npm 根路径设置为 .../Appdata/roaming/npm
- mysql - mySQL 中的集合和表有什么区别?
- angular - 将按钮添加到 ag-grid 列标题
- android - 从 json 响应中删除符号 
- javascript - 量角器:模拟 angularjs 属性
- node.js - Node.JS 如何将 ISO-8859-1 解码为 UTF-8?
- php - 图像转换成字符串并返回
- spring - 为什么 Spring WebFlux ServerResponse 没有泛型类型的主体