uniapp打包成H5部署到服务器教程

本文详细介绍了如何使用uniapp将项目打包成H5并部署到服务器的过程,包括配置manifest.json的基础路径、编译发布、服务器文件上传和路径一致性确认等关键步骤,确保H5应用能正常运行。
摘要由CSDN通过智能技术生成

uniapp打包成H5部署到服务器教程

1:点击菜单栏发行,点击选择网站-H5手机版,
在这里插入图片描述
2.进入到manifest.json的h5配置里面,根据自己的情况配置一些信息,我这里是默认的,一定要注意配置运行时候的基础路径(下图红色框标记的地方),如果出现空白页面或者静态文件404的情况,可能是因为这个路径没有配置好。
在这里插入图片描述

3.在网站域名这一栏填写,网站域名,例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX,(这个地址是你将项目打包之后存放放静态文件的地址)
在这里插入图片描述
4:点击发行,控制台会自动编译
注意这个不同于vue,编译完成的文件不支持本地file协议打开。不要使用资源管理器直接打开。直接打开静态文件是看不到东西的。出现以下提示,说明编译成功
在这里插入图片描述
5:编译通过࿰

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值