解决electron-vite打包后图片加载失败的问题

问题点

在使用electron开开心心的开发项目的时候，本地调试没有问题，当时打包后，安装发现图片资源今天加载不出来，头大了吧

于是打开调试发现一堆爆红，发个文章记录一下，也好让各位少走点弯路

为什么

打开index.html文件你会发现这个一个标签

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

这个安全策略 Content-Security-Policy 限制网页当中一系列的资源获取的情况，从哪里获取，请求发到哪个地方
而default-src限制全局的和链接有关的作用范围，所以才会出现图片加载不出来

修改

我们只需要在里面加上一个限制条件img-src 'self' data:就可以解决了

<meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; img-src 'self' data:; script-src 'self'; style-src 'self' 'unsafe-inline'"
    />

至此喜大普奔，希望各位少踩点走点弯路