注册登录

h***@126.com

h***@126.com

发布：2019-03-12 18:09
更新：2022-12-15 17:15
阅读：4564

H5打包部署，不在根目录，设置了“应用基础路径”，但是static下的资源没有自动引用基础路径地址，资源都不加载

分类：uni-app

H5打包部署，不在根目录，设置了“应用基础路径”，但是static下的资源没有自动引用基础路径地址，资源都不加载。。。

H5打包后，站点放在www.xxx.com/html/mall/1/目录下，设置了“应用基础路径”为/html/mall/1/

打包后的资源（JS/CSS）可以正常加载

但是页面中写的static/img目录中的图片资源路径加载有问题，设置成相对路径，如：“static/img/xxx.png”，H5端可以正常加载图片，但是微信小程序端就不加载图片了，但是如果指定到根目录，H5端就不加载图片了，static目录没有被识别在/html/mall/1/下，而是指向了站点根目录，www.xxx.com/static/img，导致H5下图片不能正常加载。。。

导致图片资源不加载

详见附件截图

2019-03-12 18:09 负责人:无分享

8 个回复

Trust - 少说废话

这个配置的路径具体怎么用的？提供下更详细的代码。

h***@126.com

h***@126.com (作者)

1、配置“应用基础路径”，因为项目没放在根目录，不配置的话，页面的JS/CSS不加载
2、图片地址就是直接放到img的src中的，但是页面识别的/static/img/目录是站点的根，不是设置的“应用基础路径”的根，所以找不到资源
3、如果把static前边的/去掉，H5端可以正常加载，但是微信小程序无法识别相对路径，不加载图片。

问题是，如果项目不是部署在根目录的话，static下的资源要怎样写才能识别路径在“应用基础路径”下

6***@qq.com

6***@qq.com - 我只是个....

请问你最后解决了吗？我现在也是遇到这样的问题，是如何配置的呢

6***@qq.com

6***@qq.com - 我只是个....

请问你最后解决了吗？我现在也是遇到这样的问题，是如何配置的呢

richie523

我也遇到这个问题，请问怎么解决啊

2***@qq.com - 90it

在应用基础路径配置一下如果index.html放在子目录名为h5，那么应用基础路径配置为 ./ 即使用相对路径

h***@126.com

h***@126.com (作者)

我最后发现是我标签用错了，我用的img标签，换成image标签就好了，应用基础路径设置成/html/mall/1这种，/图片路径依然使用static/img/xxx.png这种相对路径就可以~

uniapp在h5端设置运行的基础路径后，在模板内使用内敛样式动态设置背景图片路径引用问题。
相对路径(../../static/bg.jpg)和绝对路径(/static/bg.jpg)都不会自动补全设置的运行基础路径。
正确用法：使用./static/bg.jpg或static/bg.jpg，这样可以让程序自动补全router下设置的base路径
例如：style="background-image: url(static/bg.jpg);"

要回复问题请先登录或注册