Wails 打包后前端无法加载本地图片资源怎么办?

UI焕玲 阅读 20

我用 Wails 开发了一个桌面应用,开发环境下图片都能正常显示,路径是 src/assets/logo.png。但打包成 exe 后,图片就加载不出来了,控制台报 404。

我试过把图片放到 public 目录下,也试过用绝对路径引入,都不行。是不是打包后资源路径变了?该怎么正确引用静态资源?

我的代码大概是这样:

<img src="./assets/logo.png" alt="logo" />
我来解答 赞 2 收藏
二维码
手机扫码查看
1 条解答
 ___华丽
遇到这种问题,通常是路径搞错了。Wails 打包后,资源文件的位置确实会变化,所以得调整一下引用方式。

首先,确保你的图片放在 public 目录下,而不是 src 目录。然后,路径要改成相对于 public 目录的路径。

比如,如果你的图片在 public/assets/logo.png,那你的 HTML 里就得这么写:

img src="/assets/logo.png" alt="logo" />


注意前面加了个斜杠 /,表示从根目录开始找。

另外,有时候浏览器会缓存旧的资源,所以你可以尝试清理一下缓存或者强制刷新页面(Ctrl + F5 或 Cmd + Shift + R)来确保加载的是最新的资源。

如果这样还不行,检查一下 Wails 的配置文件 wails.json,确保 PublicPath 指向了正确的目录。默认情况下应该是 public,但有时候手动改过配置的话,得确认一下。

希望这些步骤能解决问题,别被这小问题折腾太久。
点赞
2026-03-20 22:03