首页  >  文章  >  web前端  >  如何解决uniapp图片路径错误问题

如何解决uniapp图片路径错误问题

藏色散人
藏色散人原创
2021-01-27 15:13:498778浏览

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

如何解决uniapp图片路径错误问题

本教程操作环境: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配置中运行的基础路径进行配置

f2e07af7bfdc6c5942ff4a781d17ef7.png

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

以上是如何解决uniapp图片路径错误问题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn