使用宝塔Linux面板进行网站部署

一、宝塔Linux面板

使用宝塔前： 手工输入命令安装各类软件，操作起来费时费力并且容易出错，而且需要记住很多Linux的命令，非常复杂。
使用宝塔后： 2分钟装好面板，一键管理服务器，鼠标点几下就能替代以前的复杂繁多命令，操作简单，看一眼就会使用。
（以上内容引用自宝塔官网）

这篇文章主要介绍怎么使用宝塔进行网站部署，把做好的网站放到服务器上

二、操作步骤

1、先将需要部署的前端项目进行打包

使用npm run build打包命令

2、登录宝塔，进入所要使用的服务器

3、进入文件 选项，选择要放置dist文件的文件夹

这里我将上传的dist文件改名为total

4、在 安全 选项下添加端口规则

任意输入一个端口号，但是不要和服务器已用端口号相同然后提交（如，这里我填的是1021），为了方便识别，可以添加备注

5、进入 网站 选项，添加站点

• 填域名（即服务器号）和备注
• 蓝框所示的根目录暂时先不改
  
  添加站点完毕，进行修改，点开设置
  
  进入网站目录，进行设置。选择total

6、结束

最终获得

三、常见问题补充

在部署网站时常见以下三个问题

1、使用同一ip不同端口部署网站时：

解决方法参考这篇文章

2、nginx实现反向代理

注：如果用的是fastapi，就不用反向代理
反向代理：
反向代理位于客户端和服务器之间，接收客户端的请求，然后根据配置规则将请求透明地转发到后端服务器，并将服务器的响应返回给客户端。
客户端感知不到后端服务器的存在，仿佛所有请求都是直接与反向代理交互。
（以上内容摘自网络）

要完成反向代理的设置，按上图操作
但是从图中可见，又出现了一个新问题，这个问题就是我要讲的第三点

3、宝塔面板在设置反向代理时出现“配置反向代理出现‘伪静态/nginx主配置/vhost/文件已经存在全局反向代理’问题”

较完整的解决方法请参考这篇文章