uniapp使用history打包H5页面，并使用nginx配置详细教程

最近公司需求，需要就老版的公众号页面重构，然后，业务逻辑不变，只改变前端页面的架构，这样就得适配微信公众号静默模式下链接跳转获取openid时，会把链接中的#号截断，导致链接获取不正常；

所以，重构打包就需要使用history模式，让链接中不带#；

hash模式和history模式的区别；

hash模式，链接中体现：http：www.xxx.com//ZTAPP/#/

history模式，链接中体现： http：www.xxx.com/ZTAPP/

在编辑器中先将web端进行对应的配置；

在对应的位置选择 history模式，并在运行的基础路径中配置上你对应的路径；我就是放在服务器的ZTAPP文件路径下，就写上这个路径；

然后进行发行打包，打包完成后在指定的路径下找到对应的文件放置到服务器的指定文件夹下；以我的为例，我在打包完的路径下将web文件夹下的文件全部放置在服务器的ZTAPP文件夹下；

到这一步，前台打包部署到服务器上完成，接下来是再nginx服务器部署配置；

以我本地部署为例，我是在服务器nginx文件夹下的html文件夹子目录ZTAPP中放置代码

打开nginx配置，在config配置文件中加入

location /ZTAPP/ {

root D:/nginx01/html;

try_files $uri $uri/ /ZTAPP/index.html =404;

}

然后保存执行nginx -s reload 进行重启即可； 这个是我自己摸索成功的经验，我司的后端和运维不懂单页面如何配置，给我气笑了，完结撒花，有不懂的可以留言问我。