uni-app打包成H5使用相对路径

已于 2025-03-19 09:23:09 修改
阅读量862 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 前端 Vue 文章标签： uni-app html5 vue
于 2025-03-12 16:48:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43373239/article/details/146209138

网上找了一圈，没用，各种试，终于给试出来了，导致打包之后请求的路径没有带上域名
直接去 config.js文件里面的baseUrl路径改成空字符就行了，千万别写/
在这里插入图片描述

uni-app项目打包成H5部署到服务器
qq_36158551的博客
08-02 1万+
前端使用 uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。这样通过服务器链接地址，直接可以在手机上点开来访问。将项目打包成H5部署到服务器，然后链接地址使用uni-app或者android的项目的web组件引用，可实现多项目的数据融合。
uniapp打包h5 - 相对路径配置
u014054437的博客
04-09 9653
uniapp打包h5 - 相对路径配置发行到h5manifest.json文件h5配置 发行到h5 工具：HbuilderX 步骤1：发行 -> 网站h5手机版 步骤2：填写网站标题和域名，点击发行 在控制台可以很清楚地看到，项目打包的输出路径在： \ unpackage \ dist \ build \ h5中， 同时，官方的说法是要部署到web服务器使用，不支持本地file协议打开...
uni-app（3）：互相引用
最新发布
游王子og的博客
05-22 1289
在日常开发中，路径的选择（绝对路径与相对路径）对项目结构有重要影响。绝对路径从项目根目录开始，提供文件的确切位置，适合动态传递路径的场景。相对路径则基于文件或目录的相对位置，但在运行时可能因页面路由不同而产生问题，因此建议优先使用绝对路径。此外，Vue3.x和uni-app的easycom机制简化了组件引用流程，提高了开发效率。对于静态资源，uni-app支持通过import引入非static目录下的资源，并提供了详细的编译规则和注意事项，确保资源正确加载。
uni-app项目打包成H5项目：配置采用相对路径
听海边涛声
09-28 1003
uni-app项目打包成H5项目：配置采用相对路径
在uniapp中修改打包路径
spring_007_999的博客
02-05 1462
在uniapp中修改打包路径,主要涉及到对manifest.json文件的编辑
uni-app打包成h5，路径改为相对路径，在开发阶段，可以在devServer中配置代理
memedadexixaofeifei的博客
06-26 1万+
可以支持 在mainfest.json中设置h5节点的publicPath为:'./'打包后即为相对路径 但是你会发现一个问题就是有tabbar的情况下你的图标找不到 这是你需要手动改打包后的index.xxxxx.js文件 把这个e.uniConfig.router={mode:"hash",base:"/"}改成e.uniConfig.router={mode:"hash",base:"./"...
【uniapp】打包成H5并发布
春天的波菜
10-16 1万+
uniapp打包成h5发布。
uni-app 打包为 H5 并上传服务器
01-08
【uni-app打包为H5并上传服务器】 uni-app是一个跨平台的前端开发框架，它允许开发者使用一套代码来构建iOS、Android、Web等多端应用。本文主要介绍如何将uni-app项目打包为H5版本，并将其部署到Web服务器上。 **...
uni-app使用微信小程序云函数的步骤示例
10-15
uni-app是一个多端开发框架，它允许开发者使用一套代码实现跨平台应用，包括iOS、Android、H5、微信小程序等。而微信小程序云函数则是在微信小程序平台上运行的后端逻辑，开发者可以在云端编写和执行代码，无需搭建...
基于uni-app和colorUI开发H5初始模板
12-22
2. **配置文件**：`uniapp.config.js`是uni-app项目的配置文件，用于设置项目名称、图标、页面路径等信息，还可以配置H5、小程序的特定选项。 3. **页面文件**：`pages`目录下，每个子目录代表一个页面，包含`.vue`...
uni-app 学习笔记（三）uni-app中的各种引用
qq_44648936的博客
04-12 5845
一、组件引用 组件的引用有三种办法 1、默认写法，即导入——注册——使用 2、vue3使用了新的语法糖，优化了步骤 3、uni-app继续优化为一步，引入easycom机制 但是这种优化是有条件的，页面直接使用，需要符合components/组件名称/组件名称.vue目录结构，这样才可以直接在页面中使用 举个栗子 新建components目录和test组件 <template> <view class="content"> <button type="p
uniapp打包H5
H524268015wsw的博客
03-18 1163
uniapp hbuilderX打包H5，部署到某个域名下的目录下
uniapp打包h5静态资源路径错误解决 相对路径修改
时间在飞飞的博客
05-13 6649
如果用HBuilderX打开的话直接可视化添加 或者在src/manifest.json文件源码中修改
uni-app 资源引用（绝对路径和相对路径）方法汇总
李赛赛的专栏
01-03 2490
💎uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。从下面uni-app功能框架图可看出，uni-app在跨平台的过程中，不牺牲平台特色，可优雅的调用平台专有能力，真正做到海纳百川、各取所长。🎯。
uni-app打包h5并部署到nginx，路由模式history
星月昭铭的博客
03-13 2349
uni-app打包有些坑，当时运行的基础路径填写了./，导致在二级页面刷新之后，页面直接空白。就只能换一个路径了，nginx也要跟着改，下面是具体步骤。
uniapp打包详细步骤和避坑指南
m0_72929120的博客
06-29 2800
（网站域名取对应项目的域名，一般为https/http开头）填完后直接点击发行。4.注意区别打包时的部署路径和请求接口的路径。配置---运行时的基础路径，2. 修改完后，点击。
uni-app开发打包成H5部署到服务器的详细步骤
qq_38937194的博客
06-26 6057
一、点击菜单栏“发行”，点击选择“网站-PC Web或手机H5”， 二、填写网站标题和网站域名/服务器的IP地址，此地址是将项目打包之后存放静态文件的地址 三、点击进入manifest.json的h5配置里，根据自己的情况配置一些信息。一定要注意配置 “运行的基础路径”，如果出现空白页面或者静态文件404的情况，可能是因为这个路径没有配置好。 四、点击发行，控制台会自动编译。出现以下提示，说明编译成功：该地址就是打包后存在资源的位置 五、将已经打包好的静态页面了，直接把
uniapp开发，打包成H5部署到服务器
热门推荐
maoge_666的博客
04-14 1万+
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。 这样通过服务器链接地址，直接可以在手机上点开来访问。
uniapp本地打包教程
Yasuo的博客
04-03 3341
进入app/src/main/assets/data/dcloud_control.xml 文件，修改appid，此处appid需要与app/src/main/assets/apps/__UNI__6059831/www/manifest.json 文件中的id属性值保持一致。找到目录下src/main/assets/apps/__UNI__6059831 ，将apps下的文件替换为步骤1.2.2的APP资源。app/src/main/res/drawable-xxhdpi/icon.png（App图标）
uni-app打包H5
01-23
### 使用 Uni-App 进行 H5 打包 #### 准备工作 为了能够顺利地将 Uni-App 项目打包成 H5 并部署至服务器，需先完成一些准备工作。确保本地环境已安装 Node.js 和 npm 或者 yarn 工具，这是运行 Vue CLI 及其插件所...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值