使用宝塔部署PPanel 静态前端 — 再次全网首发

写在前面

最近PPanel的频道说后续动态版本的前端将不会再更新，鉴于有小伙伴问我怎么部署现在的静态版本，我在这里直接出个统一教程，当前办法不止这一种，我就简单的按照常规的方法来。

本次变化最大的主要是前端，后端（api）的部署没有变化，还是一样的来就行，先按照之前的文章或者官网说明部署好你的服务端之后再进行下面的操作。

不论是aapanel还是宝塔，都只需要安装Nginx就可以（如果是前后端分离的情况）。然后将管理端和用户端的域名解析到这个拥有Nginx的服务器上。

前面的环境准备完成之后就开始正式部署静态前端。

进入宝塔，点击网站，然后在PHP项目里创建一个新的网站项目，填写你的域名并保持PHP版本为纯静态

在本地下载完刚刚的压缩包后回到宝塔，进入我们刚刚创建的项目路径：

/www/wwwroot/admin.dushilaoren.xyz

直接点击就可以进入，或者通过侧边栏的文件菜单进入

先把默认生成的文件全部删除：

然后点击上传按钮把压缩包上传上去：

接着将它解压，解压之后会出现一个dist文件夹

接着将dist文件夹下的内容全部移到当前路径下，并删除dist和压缩包，处理完之后如下：

现在回到网站的配置页面，找到反向代理设置选项：

然后点击添加代理，打开高级功能：

代理名称： api #这个随意
代理目录： /v1/ #保持
目标URL: http://127.0.0.1:8080/v1/ #这里的http://127.0.0.1:8080 替换为真实的服务端地址

由于我这里是全部都部署在同一台机器中，所以这里的反向代理地址是127.0.0.1:8080,如果做了分离则需要填写你的真实api域名。

到这里就全部完成了，可以正常使用前端进行登录管理。

PS: 由于用户端方法一致，我就不继续写了，按照管理端的方法来创建即可