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


    报错如下:

    解决方案:
    我是自己把自己坑了,问了一个做开发的朋友,分分钟帮我解决问题,原来是因为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>
    

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

  • 相关阅读:
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
  • 原文地址:https://www.cnblogs.com/longronglang/p/16467829.html
Copyright © 2020-2023  润新知