本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)

本文介绍了如何通过下载和解压Nginx,配置转发,打包H5静态资源,设置端口映射,实现静态页面在本地测试环境的访问,包括通过二维码在手机上扫描访问的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.下载ng
https://nginx.org/en/download.html
在这里插入图片描述2.解压下载的压缩包
在这里插入图片描述

3.打包h5静态资源
在这里插入图片描述在这里插入图片描述

4.将打包出来的资源放入ng -》html文件夹下面
在这里插入图片描述5.进入ng-》conf-》nginx.conf 进行转发配置
在这里插入图片描述在这里插入图片描述6.启动ng服务,点击nginx.exe
在这里插入图片描述

7.浏览器直接访问http://localhost:8081/#/,就可以访问静态页面,注意端口nginx.conf配置监听哪个端口浏览器访问就要带上哪个端口(如果要在手机浏览器上面访问,localhost变成本机ip,然后手机和电脑保持同一个网络,谷歌浏览器可以生成二维码手机扫一扫就能访问了)
在这里插入图片描述

这样打包出来的服务能够直接连接测试环境

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值