h***@126.com
h***@126.com
  • 发布:2019-03-12 18:09
  • 更新:2022-12-15 17:15
  • 阅读:4926

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 负责人:无 分享
已邀请:
Trust

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

richie523

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

2***@qq.com

2***@qq.com - 90it

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

h***@126.com

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

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

vilan_微澜

vilan_微澜 - 公众号:前端微澜

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

要回复问题请先登录注册