1. uni-app项目打包成H5摆设到服务器
前端利用 uniapp开辟项目完成后，必要将页面打包，天生H5的静态文件，摆设在服务器上。如许通过服务器链接地点，直接可以在手机上点开来访问。
将项目打包成H5摆设到服务器，然后链接地点利用uni-app大概android的项目标web组件引用，可实现多项目标数据融合。
1.1. 打包项目
HBuilderX下载地点: https://www.dcloud.io/hbuilderx.html
（1）设置路径
uni-app项目 – >manifest.json - > Web设置 - >运行的根本路径填写域名后的访问地点.(输入网址比方; http://10.210.120.100:1881/app/web)
&emsp；肯定要留意设置“运行的根本路径”，假如出现空缺页面大概静态文件404的环境，大概是由于这个路径没有设置好。
（2）HBuilderX打开你的uni-app项目 – > 点发行 - > 网站 - PC Web或手机H5
（3）填写网站标题和网站域名/服务器的IP地点
点完之后会弹出一个框, 填写网站标题和和域名之后点发行
（4）点完之后控制台会表现正在编译中… , 稍等一会，控制台会自动编译。出现以下提示，分析编译乐成
（5）打包乐成 , 天生了unpackage文件夹, 打包好的文件存放在内里
（6）外部链接参数通报数据(?id=123&name=zzs)吸收位置
1.2. H5摆设到服务器
将 dist 文件夹中的全部文件上传到你的 Web 服务器。这可以通过FTP、Git、或其他摆设工具完成。假如你没有独立的服务器，也可以将文件上传到一些免费的静态文件托管服务，好比 Netlify、Vercel 或 GitHub Pages。
文件上传完成，你可以通过欣赏器访问你的应用。利用欣赏器打开 index.html 文件大概摆设后的应用地点。
假如你的应用利用了路由（比方 Vue Router），确保在服务器上设置了路由的重定向。这通常涉及到将全部哀求指向你的 index.html 文件，以确保客户端路由正常工作。
假如你的应用必要访问其他域下的数据（跨域哀求），确保服务器支持跨域哀求，大概你可以在服务器上举行设置。
这些步调可以资助你将 Uni-app 打包天生的 H5 包摆设到 Web 服务器上，并通过欣赏器访问。请留意，摆设 H5 应用时必要思量到服务器设置、路由、跨域等标题，确保你的应用在生产环境中可以大概正常运行。
用一个工具, 把打包好的文件上传到你的服务器 , FinalShell , 用别的工具也可以。
FinalShell官网，http://www.hostbuf.com/c/131.html
点完之后弹出这个框, 填写完信息之后点毗连 , 服务器的干系信息问公司的人要。
设置完后将刚刚打包好的文件存放路径 ,unpackage/dist/build/h5 , 把static文件夹和index.html 复制到右侧服务器中摆设的文件夹里, 看你们是摆设到哪个文件夹就拖到那里。
摆设乐成 ，打开欣赏器，输入服务器ip地点，访问一首页的内容吧 _
地点就是 服务器ip/摆设的文件夹/ , 好比服务器ip是10.210.120.100:1881,摆设的文件夹名字是project , 地点就是如下
http://10.210.120.100:1881/app/web
1.3. uniapp天生apk
发行–原生App-原生App-云打包
将项目打包成H5摆设到服务器，然后链接地点利用apk的web组件引用，可实现与其他项目标数据关联融合。
点击如今apk。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金 |
发表于 
