windows宝塔部署springbootvue项目引言离职后失去了公司的服务器资源为了延续个人项目的开发与使用心血来潮决定利用宝塔面板搭建属于自己的独立环境。然而在部署 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”的默认页面