uni-app打包成h5，路径改为相对路径，在开发阶段，可以在devServer中配置代理

最新推荐文章于 2025-06-17 15:12:43 发布
最新推荐文章于 2025-06-17 15:12:43 发布
阅读量1w 收藏 4
点赞数 2
分类专栏： uni-app vue
本文详细介绍了在uni-app中如何正确配置manifest.json文件的publicPath属性，以确保使用相对路径进行资源引用，特别是在存在tabbar的情况下，解决图标无法找到的问题。同时，文章提供了修改打包后index.js文件的方法，以适应不同环境的部署需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

可以支持 在mainfest.json中设置h5节点的publicPath为:'./'打包后即为相对路径 但是你会发现一个问题就是有tabbar的情况下你的图标找不到 这是你需要手动改打包后的index.xxxxx.js文件 把这个e.uniConfig.router={mode:"hash",base:"/"}改成e.uniConfig.router={mode:"hash",base:"./"}

uni-app中关于图片懒加载

http://ask.dcloud.net.cn/article/35759

uni-app多端发布流程：一键打包到各平台
小程序开发
05-09 1770
随着移动互联网、小程序生态和Web应用的蓬勃发展，企业对多端覆盖的需求日益增长。uni-app作为DCloud推出的高效跨平台开发框架，通过一套代码实现多端编译，显著降低开发成本。多端发布的核心配置体系各平台差异化打包策略自动化构建工具链使用实战级问题排查方案目标是为中高级前端开发者提供从理论到实践的完整技术指南，帮助读者建立系统化的多端发布知识体系。基础概念与核心架构：解析uni-app多端编译原理环境准备与工程配置：搭建开发环境并配置关键文件。
UniApp 开发第一个项目
最新发布
suny8的专栏
06-25 312
掌握 UniApp 后，一套代码可同时输出 iOS、Android、H5 及 12+ 小程序平台，开发效率提升 3 倍以上。├── pages/ # 页面目录（每个页面一个文件夹）├── manifest.json # 应用配置（AppID、权限等）├── static/ # 静态资源（图片、字体）真机调试需安装手机驱动（Android）或 Xcode（iOS）打开 HBuilderX → 文件 → 新建 → 项目（，安装后开启服务端口（设置 → 安全设置）
uniapp打包h5 - 相对路径配置
u014054437的博客
04-09 9653
uniapp打包h5 - 相对路径配置发行到h5manifest.json文件h5配置 发行到h5 工具：HbuilderX 步骤1：发行 -> 网站h5手机版 步骤2：填写网站标题和域名，点击发行 在控制台可以很清楚地看到，项目打包的输出路径在： \ unpackage \ dist \ build \ h5中， 同时，官方的说法是要部署到web服务器使用，不支持本地file协议打开...
uni-app项目打包成H5项目：配置采用相对路径
听海边涛声
09-28 1002
uni-app项目打包成H5项目：配置采用相对路径
uniapp 配置devserver代理
nishixiaoyu的博客
06-17 901
uniapp 配置devserver代理,以实现项目中图片，音频等文件路径的重定义访问
uniapp打包时生成的H5配置为相对路径
jia_gushuai的博客
03-17 8100
uniapp打包时生成的H5配置为相对路径配置生成相对路径修改打包后的配置文件有个遗留问题暂时解决 配置生成相对路径 参考文章 在mainfest.json中设置h5节点的publicPath为:’./'打包后即为相对路径 修改打包后的配置文件 修改index.xxxxx.js文件的uniConfig.router={mode:"hash",base:"/"}改成uniConfig.rou...
解决uniapp h5 本地代理实现跨域访问及如何配置开发环境
林恒的博客
06-21 2280
如何解决uniapp H5本地代理实现跨域访问？
uniapp manifest.json h5 devServer常用配置信息
qq_41231694的博客
07-22 999
我这里的项目访问接口服务时，如果没有配置host，有些接口会返回。，估计就是无法访问我本机的项目，导致返回了这个错误。
记录uni-app网络请求跨域、安卓打包后网络请求报错
weixin_42779634的博客
07-30 5051
跨域 测试方法如下：网络请求接口地址玩安卓的开放API：https://wanandroid.com/article/listproject/0/json 注意url是完整地址，并且manifest.json 源码视图H5标签下未配"devServer"的代理，结果会报错 test() { uni.showLoading({ title: '加载中' }); uni.request({ url: 'https://wanandroid.com/artic
前端框架-小程序uniApp
aming小老弟
12-03 1198
获取集合Collection示例如下。nosql 非关系型数据库。
《node+koa2+uniApp+mysql 项目搭建到部署 》[保姆级步骤四]
学全栈、大前端方向，就找前端早间课
03-21 365
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
uni-app打包成H5使用相对路径
星月昭铭的博客
03-12 858
打包之后请求的路径没有带上域名，网上找了一圈，问ai也没用，各种试，终于给试出来了。
uniapp同目录的相对地址_HTML 相对路径与绝对路径
weixin_39815600的博客
11-14 3485
文件路径文件路径就是文件在电脑(服务器)中的位置，表示文件路径的方式有两种：相对路径和绝对路径。路径标识：标识符号说明/路径标识.当前目录..上一层目录“.”和“..”常与“/”结合使用表示各个路径层次：路径说明./当前路径，可省略/网站根目录，为绝对路径../上一层目录，可重复使用，如../../，表示上上层目录相对路径(Relative Path)相对路径就是指由这个文件所在的路径引...
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 6754
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
使用 uni-app 打包 H5
热门推荐
weixin_50339217的博客
06-13 1万+
uni-app 发行h5
uniapp h5 配置代理服务器
red_HTML的博客
05-14 622
【代码】uniapp h5 配置代理服务器。
解决uni-app开发环境中H5端跨域问题
dengke2247的博客
07-25 3811
此跨域问题只存在于浏览器端，App和小程序不存在跨域问题 参考地址： manifest.json官方配置文档：https://uniapp.dcloud.io/collocation/manifest?id=devserver Chrome 调试跨域问题解决方案之插件篇：https://ask.dcloud.net.cn/article/35267 其实uni-app官方有...
uniapp：二级目录部署H5静态图片资源请求路径不对
彭世瑜的博客
07-09 3074
其实最后解决的方式也很简单，使用相对当前目录的方式。开发环境中没有问题，资源可以正常请求到。上线后，发现静态资源请求的路径是。去掉，上线后就获取正确的路径了。由于url使用的是二级目录，请求不到资源，返回了404。也就是把最前面的路径。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值