解决引入矢量图标库报错Refused to load the stylesheet 'XXX' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'style-src-elem' 问题

报错如下:

解决方案:
我是自己把自己坑了,问了一个做开发的朋友,分分钟帮我解决问题,原来是因为electron默认创建项目的时候,多了如下代码:

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">

把他注释了就好了,如下所示:

<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>

 
</head>

作为测试仔,感觉前端好难!

posted @   久曲健  阅读(1511)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示