解决引入矢量图标库报错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 @ 2022-07-11 20:45  久曲健  阅读(1303)  评论(0)  编辑  收藏  举报