为什么使用宝塔面板？
新手建站最大的痛苦就是不好入门，代码太多，无法轻松管理。
在这里，我们介绍一种简单好用的免费服务器运维面板——宝塔面板。使用宝塔面板，可以在可视界面中为服务器安装应用、同步文件、定期执行代码、管理服务，非常方便。
前期准备
服务器+宝塔面板安装，我使用的是腾讯云服务器。下面一切都是一腾讯云为准
如果你是腾讯云服务器，官方提供了宝塔面板。可以在创建服务器时直接选择宝塔面板。
服务器操作
首先进入服务器详情页
点击进入防火墙面板
在这里我们需要开放两个端口一个是宝塔面板的默认端口 8888 ，还有一个是测试用的端口81或者其他端口。
点击确定即可
结果如图 注意：我把宝塔面板的默认端口改为了9000，第一次进入一定要是 8888
然后点击应用管理
首先看到用户名与密码
复制
sudo /etc/init.d/bt default
然后点击登录
进入控制台，粘贴指令并回车
可以看到用户名和密码，以及面板访问地址，我们访问面板外网地址
将控制台的用户名和密码复制过来登录
如果无法登录一直显示密码错误的，返回控制台，输入
sudo bt
根据提示修改密码和用户名，序号不需要括号
注意：修改一次后会自动退出bt命令，重新输入 sudo bt进入或者直接 sudo bt 序号
宝塔面板操作
第一次进入宝塔面板会让你绑定腾讯云账号和宝塔账号
宝塔账号手机注册即可
绑定腾讯云账号
进入服务器控制台，在个人头像的下拉菜单点击访问管理
点击最下方的访问密钥，可以看到三个密钥，按提示在宝塔绑定
宝塔面板提供了一些环境的安装，可以根据自己的需要进行安装
第一次进入会向你推荐安装，如果跳过了推荐安装，进入软件商店搜索，我们需要 nginx ftp php三个
正式开始建站
1.点击进入网站页面
我这里已经有了一个我自己的个人博客
点击添加站点
域名位置，目前其实就是起个名字，注意要是正确的域名格式，如结尾有 .com .cn等等。
选择创建FTP
PHP版本选择纯静态，因为我是纯静态vue-admin页面
网站分类随意
点击提交
2.点击刚刚建好的站点的设置按钮
直接就会进入域名管理，还记得我让你开放的81端口吗，我们现在就能用到了
我们再添加一个域名
你的服务器公网ip:81
可以不指定端口直接添加公网ip 使用默认的80端口，但我的80端口被占用了，且如果你需要建立多个网站，可以按照步骤，先开放一个端口然后在面板建站
成功之后我们直接删除，之前的域名 vue-admin.com
点击域名，会跳转到这个页面，说明建站成功
3.替换页面
点击刚刚建站的根目录 /www/wwwroot/你起的名字
点击上传
我选择的上传目录，根据你们的需要上传
上传成功后，回到网站，点击刚刚建立的网站设置
这次我们点击网站目录
点击文件夹图标，选择刚刚上传的目录，之前的文件可以删除，看自己情况
点击保存
访问
你的公网ip:81
页面替换成功
4.nginx反向代理
有的时候网站的后端接口往往会在其他服务器上，因此我们需要使用到 nginx的反向代理，我这里就进不去
还是点击设置找到反向代理
点击添加反向代理
代理名称必须有
缓存时间可选可不选 随意
代理目录需要开启高级功能，根据自己的项目修改。
目标url既是代理地址
添加成功后，再次访问
成功进入
我的项目是尚硅谷的vue-admin后台项目，尚硅谷的老师讲课认真，细致，幽默，尤其是超哥和禹哥
这里贴出他们的视频地址，想学习前端的小伙伴可以去看看
html5+css3 javascript vue2+vue3 vue2实战
标签：宝塔,端口,bt,点击,服务器,面板 From： https://www.cnblogs.com/SakuraCaslana/p/16882927.html