商务服务
vue3 axios保存数据到本地json vue如何保存到手机手机IM「vue3 axios保存数据到本地json vue如何保存到手机」
2025-04-24 22:32



如何使用Hubilder X将vue网页前端项目转成手机app

  • 第一步:改一下vue项目中某个路径
  • 第二步:将原有vue项目打包生成dist文件夹
  • 第三步:新建一个5+ app项目并删除里面自带的不必要文件
  • 第四步:配置
  • 最后一步:打包


将vue项目中的,config文件夹下index.js文件中的build属性下的assetsPublicPath: '/'改成:assetsPublicPath: ‘https://blog.51cto.com/u_13446/’

将vue项目进行打包,打包完成后会自动生成一个dist文件夹,我们需要的就是这个dist文件夹(后续将此文件夹复制到另外个项目即可)

打包方法:如图

vue3 axios保存数据到本地json vue如何保存到手机_自动生成


打包完成后:dist文件夹如图

vue3 axios保存数据到本地json vue如何保存到手机_app_02

在huilder x中创建5+ app项目,创建完成后可将项目中的“img文件”、“js文件”以及“css”文件删除

vue3 axios保存数据到本地json vue如何保存到手机_vue_03


创建完成后:

vue3 axios保存数据到本地json vue如何保存到手机_自动生成_04


将第一步打包生成的dist文件下面的文件复制到刚刚创建的项目中:

vue3 axios保存数据到本地json vue如何保存到手机_html_05

打开创建项目中的manifest.json文件即可进入配置页面

vue3 axios保存数据到本地json vue如何保存到手机_app_06


配置的话,不需要改很多,可以把图标配置改一下,也就是生成app的桌面图标(可以使用自动生成图标,上传个图片,后面的图标全部自动上去了,很方便)

如果在后续打包app过程中提示权限问题(比如通讯录权限,需要实名认证才可使用的,如果不需要使用,可以会到权限配置将那个权限取消掉,再继续打包)

将上述步骤完成后就可以进行打包了:单机发行,然后选择:原生app-云打包 即可

vue3 axios保存数据到本地json vue如何保存到手机_vue_07

生成文件后,在控制台会显示路径,发到手机上就可以真机测试啦,很方便

第一次写博客,哈哈哈哈,记录一下

    以上就是本篇文章【vue3 axios保存数据到本地json vue如何保存到手机手机IM「vue3 axios保存数据到本地json vue如何保存到手机」】的全部内容了,欢迎阅览 ! 文章地址:http://fabua.ksxb.net/news/10280.html 
     文章      相关文章      动态      同类文章      热门文章      栏目首页      网站地图      返回首页 海之东岸资讯移动站 http://fabua.ksxb.net/mobile/ , 查看更多   
最新文章
PICO启动“全民优化师”活动,征集VR游戏性能优化方案
创作期截至4月16日,评选期则是4月22日至5月9日(映维网Nweon 2025年03月31日)PICO正在举行名为“全民优化师”的活动,邀请你
TOSHIBA代理商东芝手机「TOSHIBA代理商」
TOSHIBA东芝半导体公司,在国际市场上盛名远扬,家喻户晓。在日本之外,东芝拥有100多家子公司和协作公司的庞大全球网络,仅海外
互传手机互传换机助手手机互传「互传手机互传换机助手」
互传手机互传换机助手,一般又称互传换机助手app。互传换机助手app是一款很受网友好评的手机换机工具。可以实现手机之间数据批量
噬心工具箱手机工具箱「噬心工具箱」
噬心工具箱这是一款方便好用的手机工具箱应用,用户可以使用软件轻松处理图片,超多使用功能,让用户生活更方便。噬心工具箱app
儋州清明假期旅游迎来热潮,民俗体验趣味十足
南海网4月6日消息(记者赵航)花落日渐暖,风起正清明,今年清明假期,踏青赏花趣味十足。4月5日,“福暖春日,泉享安康”温泉美
【教程】全民K歌,用手机唱卡拉OK,朋友一起听!手机k歌「【教程】全民K歌,用手机唱卡拉OK,朋友一起听!」
用手机软件来唱卡拉OK,我知道的有两个软件推荐给您,全民K歌和唱吧。两个软件功能都很强,以前年轻人似乎用唱吧的多一些,现在
繁荣“入境游”,“游”出“日常感”是关键
原标题:繁荣“入境游”,“游”出“日常感”是关键年初至今,我国入境游市场持续复苏,到清明节期间迎来小高峰。数据显示,清明
苹果iPhone14和13对比区别是什么 苹果美版值得买吗?手机壳多少钱「苹果iPhone14和13对比区别是什么 苹果美版值得买吗?」
处理器、屏幕、摄像头、内存等不同处理器相同:iPhone14的处理器没有变化,还是iPhone13 Pro上的满血版A15 仿生芯片,只有iPhone
两个人在线观看免费完整版日本手机在线播放「两个人在线观看免费完整版日本」
格式“武神主宰08集”是武神一部出色的武侠古装影片,充斥着大量精彩的主宰空手道、木棉三绝和剑术招式的武神视觉盛宴。它是主宰
北京:“以花为媒”培育新消费
  4月的北京,繁花似锦装点千年古都,满城春色中涌动着勃勃生机。  北京玉渊潭公园樱花绽放,吸引游客慕名赏花;元大都城垣