windows宝塔部署springboot+vue项目

引言：

离职后失去了公司的服务器资源，为了延续个人项目的开发与使用，心血来潮决定利用宝塔面板搭建属于自己的独立环境。然而在部署 Vue 项目时遭遇了不小的挫折：访问站点始终显示“Welcome to nginx”的默认页面，且网络上现有的教程均未能解决这一顽疾。经过一番摸索，现已成功完成部署，特此将排查过程中的关键细节与解决方案记录如下。

前置条件：

1、已安装宝塔并部署；

2、项目所需环境。如mysql、nginx、redis、mongo等需要安装；

3、前后端项目已打包，jar包、dist包；

部署后端：

1、网址>JAVA项目，点击【添加JAVA项目】

• SpringBoot项目

• 项目路径：选择打好的jar包

• 选择jar包后，会自动填充一些数据，下方会有更多配置。这里我的项目没有额外变量等，这里全部默认。

• 点击确定后，若显示运行中，则可以访问接口测试一下是否部署成功

部署前端：

1、网站>PHP项目，点击【添加站点】

• 默认创建站点tab

• 域名：填写宝塔ip与访问前端的端口，必须！！否则无法访问！！

• 根目录：先选择非前端项目里的dist文件夹，如www或wwwroot里的文件夹，后续会切换！！！

• 若端口未在白名单，则前往 安全>【添加规则】，输入端口号（图中端口号仅为例子，切勿完全照搬），其他保持默认即可

• 切换网址目录：点击网站名>网站目录，切换真实vue项目里的dist文件夹并保存。此时访问前端网址即可看到项目正常渲染

• 最后，配置反向代理（代理目录：访问后端项目具体接口，具体根据自身项目修改；目标URL：试了下127.0.0.1:9000或宝塔IP:9000都可以，9000为访问后端的端口号，具体根据自身项目修改；发送域名：默认即可），打通访问后端接口

总结：

至此，我的项目终于顺利上线运行。回顾整个过程，虽然初次接触宝塔面板让我走了一些弯路，但也积累了不少实战经验。其中最关键的破局点在于“切换网站目录”这一步——如果没有正确配置该路径，无论怎么调试，访问网址都只会停留在“Welcome to nginx”的默认页面！