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

1.下载ng
https://nginx.org/en/download.html
本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)_第1张图片2.解压下载的压缩包
在这里插入图片描述

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

4.将打包出来的资源放入ng -》html文件夹下面
本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)_第4张图片5.进入ng-》conf-》nginx.conf 进行转发配置
本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)_第5张图片本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)_第6张图片6.启动ng服务,点击nginx.exe
本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)_第7张图片

7.浏览器直接访问http://localhost:8081/#/,就可以访问静态页面,注意端口nginx.conf配置监听哪个端口浏览器访问就要带上哪个端口(如果要在手机浏览器上面访问,localhost变成本机ip,然后手机和电脑保持同一个网络,谷歌浏览器可以生成二维码手机扫一扫就能访问了)
本地静态资源打包出来,本地配置ng访问服务器(uniapp打包成h5后,使用打包资源连接测试环境测试)_第8张图片

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

你可能感兴趣的:(服务器,uni-app,运维)