uniapp怎么打包成h5发给后端

本文档详细介绍了如何将uniapp项目打包成H5,并配置相关URL,以便于发给后端。关键步骤包括在manifest.json中调整devServer的proxy设置,修改http.js中的url路径,配置h5的基础路径。此外,还提供了根据state值跳转页面的方法,以及如何通过uniapp的发行功能生成打包后的H5路径,最终将打包后的h5文件压缩包交付给后端。
摘要由CSDN通过智能技术生成

10.url配置
10.1 manifest.json => 源码视图 =>devServer=>proxy=>
“/api” : {//本机的网页用 注释掉 86行
“/assist/api” : {//打包成h5用 打开 87行

10.2 servers=> http.js 76行
url: “/api” + url, //浏览器用 注释掉 92行
url: “/assist/api” + url, //打包成h5用、打开 93行

10.3 manifest.json => h5配置 => 运行的基础路径 加入 /epidemic_h5/assist/

11.如何通过state的值跳转相应的路径
pages=>showindex=>index.vue =>onload => uni.reLaunch 判断了 1/2
// if(state == 1){
// uni.reLaunch({
// url:‘/pages/showindex/index1’
// })
// }else if(state == 2){
// uni.reLaunch({
// url:‘/pages/showindex/index2’
// })
// }

12.如何打包h5 发给后端(东哥)
最上面 发行 =》网站-PC Web或手机H5 =》 发行 等一会会出现路径

[HBuilder] 21:10:43.546 项目 'wechatgroup’导出h5成功,
路径为:C:/Users/24549/Desktop/wechatgroup/unpackage/dist/build/h5 点击路径 =》返回上一级 有个h5文件压索给后端

[HBuilder] 21:10:43.558 注意请部署到web服务器使用,不要使用资源管理器直接打开,除非进行相对路径配置,具体参考:https://ask.dcloud.net.cn/article/37432。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值