Vite + Electron 时，Electron 渲染空白，静态资源加载错误等题目办理
题目假如在 electron 里直接引入 vite 打包后的东西，那么有些资源是请求不到的
https://i-blog.csdnimg.cn/direct/b60c4e8271fb4fc888180b11947bcd46.png
这是我的引入方式
https://i-blog.csdnimg.cn/direct/6c2129ecb8354f9da9903be8732e96e4.png
根据报错，我们来到 vite 打包后的路径看一看 ，修改一下 dist 里的文件路径试了一试
https://i-blog.csdnimg.cn/direct/b2c994efde284340887679bafd23f903.png
修改后的样子，发现是可以的了
https://i-blog.csdnimg.cn/direct/ea381a6f3f3d4888a7528a2636c01af9.png
原因分析
vite 打包后的资源都是以 / 开头的，前导斜杠表现您要从根目录链接文件， 详细可以看这里
https://i-blog.csdnimg.cn/direct/3ee91c45900640e2aa873b389b8eb4d7.png
办理办法
知道题目地点，那么就有两个方向了，要么配置 vite，要么配置 electron
这里觉得配置vite 是最方便的，查到了 vite 如何配置，在 vite.config.ts 中指定 base
https://i-blog.csdnimg.cn/direct/e3c220d2a59e40289154d7bb641bc9d2.png
之后在打包，在 electron 里试试，嗯正常了~
https://i-blog.csdnimg.cn/direct/e0f9fdeb958a461ba1ff5894a10ce7c5.png
由于打包后的文件都不是以/开头的了
https://i-blog.csdnimg.cn/direct/8b7680469c72429780573dca383def72.png
参考文章
1. vue3+vite的项目如何将打包后的绝对路径改为相对路径
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]