uni 根目录路径_如何解决uniapp图片路径错误问题

本文详细介绍了如何在uniapp中解决图片路径错误的问题,包括在manifest.json中设置h5的publicPath以及调整运行时基础路径。通过实例和常见困扰提供了解决步骤,帮助开发者避免部署后页面显示空白或图片加载失败。
摘要由CSDN通过智能技术生成

uniapp图片路径错误的解决办法:1、在根目录“manifest.json”中配置h5下的“publicPath”;2、在h5配置中运行的基础路径进行配置即可。

8a9eb156f45a011088faae19099e6efd.png

本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。

推荐(免费):uni-app教程

HBuilderX 打包 uniapp 项目 图片不显示(路径不正确)

打包h5项目本地服务运行正常 部署后页面显示空白

在根目录manifest.json中配置h5下的publicPath即可"h5" : {

"template" : "template.html",

//目录地址

"publicPath" : "/leju_uni_h5/",

"devServer" : {

"port" : 8000 //端口号

},

部署后页面显示 图片加载失败 无论怎么改都是错的缺少目录地址

解决方法:在h5配置中运行的基础路径进行配置

55782978879bb6ea3e54ea0baead1682.png

尝试了很久,源码视图和h5配置竟然不是同步一致的.....吐了....

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值