【笔记】uniapp打包H5并通过nginx部署

初次使用uniapp打包h5，根据文档配置打包后依然无法直接检查是否打包正确，故决定使用nginx部署一下检查检查，记录步骤如下：1，新建项目预览一下我们编辑过的首页2，h5配置3，打包4，nginx配置在nginx安装目录下找到 nginx.conf 文件，对应配置如下：server {listen8080;server_namelocalhost,127.0.0.1;location / {r

_月半_

7249人浏览 · 2020-12-07 17:09:10

_月半_ · 2020-12-07 17:09:10 发布

初次使用uniapp打包h5，根据文档配置打包后依然无法直接检查是否打包正确，故决定使用nginx部署一下检查检查，记录步骤如下：

1，新建项目

新建项目
预览一下我们编辑过的首页

2，h5配置

3，打包
打包1
打包2
打包3
4，nginx配置
在nginx安装目录下找到 nginx.conf 文件，对应配置如下：

server {
			listen       8080;
			server_name  localhost,127.0.0.1;
			location / {
				root   D:/xxxx/test-h5/unpackage/dist/build/h5;
				index  index.html index.htm;
				autoindex on;    
			}	
	}

以上配置中：
listen ：端口号
server_name ：域名/ip，由于我只是部署在本地，上面打包时“网站域名”也是填写的本地ip地址，所以这里填的localhost
location ：当访问http://localhost:8080时会先访问到“/”，接着就会去查找root对应的路径中的文件，找到执行启动页 index.html

5，成功了！
配置好后启动nginx，直接通过浏览器访问http://localhost:8080就成功啦~~~