uni-app - H5 打包后在 CSS 里加入 url() 的图片路径不正确解决方案

前言

如果 H5 打包配置都搞对了，除了 CSS 上引入的图片其他都能正常找到，那么如下方案便可解决。

打包后，在 view 视图上直接 src 加入的图片使用绝对路径能正常显示，但是在 CSS 中 url() 引入的图片却找不到路径。

// 以下两种写法都是错误

background-image: url('../static/logo.jpg')
background-image: url('/static/logo.jpg')

解决方案

使用 ~@ 符号，并且是绝对路径，便可解决。

background-image: url('~@/static/logo.jpg')