用uniapp开发的跨平台项目可以打包H5,手机电脑均可访问。
打包步骤
1、点发行-网站PC-web或手机H5
![](https://img.haomeiwen.com/i3330507/47e228b76de1c4b5.png)
2、填写网站标题和网站域名(也可不填)
![](https://img.haomeiwen.com/i3330507/069f2c761c85bb38.png)
3、等待一会,控制台会输出打包结果
![](https://img.haomeiwen.com/i3330507/2bec3d513dcca2fe.png)
4、安装nginx,找到nginx.conf文件,打开,在server的listen节点设置端口号8088,把打包的路径配置在server-location的root节点,如下图
![](https://img.haomeiwen.com/i3330507/fc84690ac7ab651a.png)
5、重启nginx,终端输入brew services restart nginx
![](https://img.haomeiwen.com/i3330507/d2ae0bb2b3dad13b.png)
6、完成配置,即可在浏览器输入http://localhost:8088/#/访问
![](https://img.haomeiwen.com/i3330507/94261ff8c65c5413.png)
7、那如果想要在手机上4G访问如何实现? 需要借助工具开启内网穿透,这边以natapp为例
8、注册登录,登录后,点击左边 购买隧道,免费/付费均可
![](https://img.haomeiwen.com/i3330507/9bfcd88948d3473e.png)
9、根据需要选择隧道协议,这里以web演示,购买隧道
![](https://img.haomeiwen.com/i3330507/30055131d7b33726.png)
10、在 natapp.cn 根据您的本机下载对应的客户端,比如我的本机是mac,arm64位,则下载对应的客户端
![](https://img.haomeiwen.com/i3330507/e62170b7d206b59f.png)
11、运行natapp,windows下,直接双击natapp.exe 即可.
在Linux/Mac 下 需要先给执行权限chmod a+x natapp
然后再运行./natapp
![](https://img.haomeiwen.com/i3330507/deb3b13eb2c47e89.png)
12、通过浏览器可直接访问http://7wtyvy.natappfree.cc,免费版的这个地址会变,仅供临时测试使用
![](https://img.haomeiwen.com/i3330507/758026f7227b53ef.png)
网友评论