宝塔面板后端 宝塔面板安装教程

如何使用宝塔面板部署Vue+Springboot前后端分离

前言

在深入探讨如何使用宝塔面板部署 Vue+Springboot前后端分离的过程中，我遇到了一些挑战，也从其他博主的分享中汲取了经验。若依管理系统是一个开源、免费的学习资源，提供了成熟的 Springboot框架。对于服务器部署前端的初学者来说，这是一个实用的起点。在尝试使用宝塔面板部署 Vue+Springboot前后端分离时，我遇到了一些问题，尤其是无法直接使用宝塔面板的前后端分离功能，原因可能与使用Apache服务器有关。

后端部署

在深入解决这个问题之前，我先要分享一个关键点：无法使用宝塔面板的前后端分离功能，因为宝塔面板提示前后端分离不支持Apache。为了解决这个问题，我尝试了不使用前后端分离的方法，这与直接使用命令行运行jar文件的原理类似，只是在宝塔面板中操作。

首先，确保在服务器上建立的数据库配置与后端配置文件（application-druid.yml）中的内容一致。打包项目时，通常有两种方式：jar和war，而若依框架默认打包的是jar文件。

为了进行正确的部署，遵循以下步骤：

确认数据库表和密码与后端配置文件相匹配。反复检查这些配置信息。

使用cd命令进入bin目录，运行clean.bat（如果之前没有打包过，可以跳过这一步，但建议执行）。

运行package.bat，等待打包完成。打包成功后，你将在target文件夹下找到.jar结尾的文件。

将生成的.jar文件上传到服务器中，然后使用cmd运行窗口执行该文件来启动服务。

确保后端端口开放，若依默认使用8080端口。可以使用公网IP+8080的方式访问。

选择路径后，将项目路径上传打包好的.jar文件，并确保端口设置正确。接下来，为后端选择一个域名并提交部署。

前端部署

部署前端之前，需要理解网站通过域名访问而非IP访问的原理。在实际部署中，我们需要建立网站并配置域名。由于当前环境仅支持二级域名，我使用了IP+端口进行访问。

在宝塔面板中添加站点，设置域名、根目录、数据库，最后提交以创建网站。为了使用二级域名，我在URL中加入了IP和端口号。

在网站目录下，通常会有一个运行目录，用于存放前端打包后的文件。若将dist文件夹放在网站目录下，运行目录应设置为"/dist"；若将文件内容直接放置在网站目录下，则运行目录应设置为"/"。

在前端部署中，关键步骤包括调整前端环境配置、设置正确的publicPath，并确保前端页面能够正确访问后端服务。使用 Vue2后台管理系统模板时，调整src文件夹下的setting.js文件以匹配后端部署的环境配置。

确认vue.config.js文件中的publicPath是否正确，并在必要时修改。在缺少setting.js文件的情况下，直接在代码中插入相关配置。最后，执行npm run build:prod命令进行生产环境打包，并将dist文件上传到服务器中。

完成上述步骤后，通过IP地址+端口即可访问到前端页面。

宝塔面板和旗鱼云梯linux面板大对比

网站建设和运维过程中，复杂的配置让许多网站人员与站长感到头疼。对于经验丰富的站长来说，拥有便捷的操作工具至关重要。在网站搭建方面，建议使用Linux CentOS 7.6及以上系统，相比Windows系统，Linux系统更节省系统资源，因为它不加载桌面环境。

Linux系统不消耗资源

在运用Linux服务器时，通常会选择安装一个Linux运维工具，如宝塔面板，它可以帮助安装Web环境、LNMP和LAMP等。然而，对于服务器运维来说，单机面板并不能解决所有问题。

Linux建站依赖工具

众所周知，所有免费的面板除了搭建环境外，安全性几乎为零。虽然免费的东西不能要求太多，但一旦服务器出现问题，如被挂黑链或植入木马，就会考虑购买安全产品。此时，免费面板不得不升级为专业面板，费用也不算太高，大约一千多元。

站长的心声

近期，我维护的一个网站由于只安装了免费面板和基本收费防护工具，遭遇了网站被挂黑链和Linux面板崩溃的情况，不得不重新安装系统。

推荐的旗鱼云梯

对于新系统，我不想再使用传统的单机版面板，而是寻找一款云端化服务器管理平台——旗鱼云梯。它采用SAAS化模式，所有页面都在云端，不占用服务器任何资源，管理探针在不使用时可以关闭，使用时再开启，这点我觉得很有新技术。

使用旗鱼云梯平台后，我觉得应该给网站管理者和站长们提个醒，并做了一篇对比文章。

以下是旗鱼云梯平台与传统单机免安装面板的优势对比：

我客观地列举几点，具体功能还需自行了解。

1.安装

代码安装服务器探针

宝塔单机Linux面板需要手动复制一串命令，通过第三方工具或VNC安装。实际上，复制的安装代码就是服务器探针。如果你已经习惯了这种方式，那么你可能错了。

平台导入式

由于Linux面板安装已经发展到批量化导入方式，无需手动复制代码，通过工具一键安装。旗鱼云梯平台直接将服务器添加到控制台，即可安装探针，无需手动打代码，也不需要第三方工具。

2.页面

宝塔面板将所有页面安装到服务器中，相当于额外搭建了一个网站，这个网站没有证书，也不具备防护措施，从而给服务器安全带来隐患。

所有密码都记录在服务器里

宝塔面板会记录服务器的密码，并将其保存到服务器中。我们在查看数据库等列表时，能够看到密码是因为宝塔将密码保存在服务器上，这非常不安全。

密码不储存在服务器只能修改

旗鱼云梯平台采用页面后台探针分离化，页面在旗鱼云梯官网，通过平台连接后端加密探针，不保存服务器任何密码，只通过探针将服务器信息提取到页面中，不占用服务器任何资源，同时保证安全。

3.安全

安全工具全要钱

宝塔面板的安全工具，哪怕一个小功能也要收费，一年至少上千块。

免费的安全防护功能

旗鱼云梯提供免费的安全模式，拥有大量的安全防护工具，帮助站长保障服务器安全。

4.易用性

只能实现单机管理

宝塔面板采用单机管理形式，没有批量运维的能力。当我购买多台服务器时，需要同时管理多台服务器的运维，一个个复制粘贴登录地址，这无疑增加了工作量。

批量化服务器管理

旗鱼云梯可以实现平台化服务器管理，可以批量添加、批量运维管理，这在宝塔WDCP中表现较差，登录平台即可实现批量管理。

5.手机运维

宝塔手机端收费

对于手机插件服务器信息和管理操作，宝塔采用收费小程序方式，使用手机端也要收费，这让我想起了当年手机话费收费模式。

免费的手机端使用

旗鱼云梯可以手机直接登录后管理服务器，这点比其他品牌更优越，无需PC管理。

6.更符合SEO

SEO工具一箩筐

相对于SEO方面，宝塔并没有适配，这里不再赘述。旗鱼云梯针对网站SEO做了很多设置，帮助站长在底层实现网站优化，如404/301/robots/sitemap等，一键SSL实现https。我相信大家都觉得有，但自动续费、设置完不管的证书形式，还是免费的，现在有几家？

对比总结：虽然做了对比，但我认为宝塔和旗鱼云梯是两个不同的产品，它们是两个不同方向的运维工具，一个追求云端化批量化，一个在乎单机管理模式，哪个是未来，我相信用户可以清楚地看到。

如何把vue项目部署服务器(宝塔面板)上

部署 Vue项目至宝塔面板服务器的步骤

第一步：项目打包

在执行部署之前，确保你的 Vue项目已完成打包。执行命令"npm run build"以生成项目文件。若成功打包，界面显示相应的信息。

生成的打包文件位于项目根目录，通常名为"manage"，确保文件夹结构为"dist"。

若需调整文件结构，可在"config/index.js"文件中修改配置。

第二步：上传文件至服务器

打开宝塔面板，使用文件上传功能将打包后的文件上传至服务器。选择"vue"文件夹作为根目录，确保将整个打包文件放入其中。

第三步：添加网站配置

进入网站管理页面，选择"php项目"，在"根目录"选项中选择已上传的"vue"文件夹。点击提交以完成设置。

最后，测试部署：通过输入服务器 IP地址和端口号访问站点。

至此，Vue项目成功部署至宝塔面板服务器。前后端项目部署完成，后续问题可私信作者或在下方留言，感谢支持。我是小谢同学，一个在校大学生。希望本文能提供帮助，欢迎一键三连。如有任何问题、建议或补充，请在文章下方留言。