当前位置：代码网 > it编程>编程语言>Javascript > uniapp一键打包H5的详细步骤

uniapp一键打包H5的详细步骤

1. config配置线上环境访问地址2. manifest.json配置路由模式没有特殊要求，直接选择默认：hash模式运行的基础路径，如果线上地址为：http://22.33.33:8080/#/

1. config配置线上环境访问地址

2. manifest.json配置

路由模式没有特殊要求，直接选择默认：hash模式
运行的基础路径，如果线上地址为：http://22.33.33:8080/#/ ，则运行基础路径为：./
运行基础路径，线上地址如果多了一层文件夹，需要加文件夹名称，如线上地址为http://22.33.33:8080/#/recover, 则运行基础路径为：./recover

页面报错或者空白，就是因为运行基础路径没有配置好，打包到线上h5后，找不到对应目录下的文件，请按上诉方法进行配置即可。

3. 运行打包

4. 发行打包

5. 打包成功

6. 打包后的文件

最后将这个build目录下的web压缩给后端部署到线上即可。

以上就是uniapp一键打包h5的详细步骤的详细内容，更多关于uniapp一键打包h5的资料请关注代码网其它相关文章！

vue开发中如何在js文件里使用pinia和组件同步

遇到问题在js文件中封装涉及到使用pinia的方法时，发现和组件内容并不同步，二者是互相独立的。为了方便使用，需要在新建对象的时候，将pinia作为参数传进去只... [阅读全文]
vue实现数字加逗号分隔

vue数字加逗号分隔带小数的数字三位一分隔filters: { num: (val, fix = 2) => { if (val !== 0)... [阅读全文]
在Nginx上部署前端Vue项目的详细步骤(超级简单!)

nginx（engine x）是一个高性能的http和反向代理web服务器，同时也是一个imap/pop3/smtp代理服务器。nginx因其高性能、可扩展性、... [阅读全文]
vue for循环出来的数据实现用逗号隔开

vue for循环出来的数据用逗号隔开html：//tabledata为后台返回的数据，rolelist为表格对象中的子数组 <el-table :dat... [阅读全文]
Vue.js使用this.$confirm换行显示提示信息实例

vue.js使用this.$confirm换行显示提示信息在写一个简单的按钮点击确认框信息的时候，发现换行不能用\n。用了< br>发现也是字符串的... [阅读全文]
vue实现背景图片铺满整个屏幕(适配所有机型)

vue背景图片铺满整个屏幕背景全屏，不用定位内容完全显示且可滚动查看html:<div id="home"></div>css:<... [阅读全文]


验证码：

相关文章: