宝塔面板部署js项目，宝塔面板和wdcp哪个好

如何使用宝塔面板部署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地址+端口即可访问到前端页面。

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

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

第一步：项目打包

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

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

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

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

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

第三步：添加网站配置

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

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

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

全网最新,小白专属!13步搞定Nuxt+腾讯云服务器+宝塔部署

本文提供一个详尽的步骤指南，帮助小白用户以13步完成Nuxt+腾讯云服务器+宝塔部署。操作流程简洁明了，旨在解决安装失败等问题。请遵循以下步骤：

第一步：选购腾讯轻量云系统，推荐配置2核2G4M，足以支持基础部署。

第二步：登录腾讯云控制面板，点击“管理应用”。

第三步：在面板内选择登录宝塔Linux面板。

第四步：进入宝塔面板，点击“安全”选项，开放443和80端口。

第五步：在“网站”选项下添加新的站点。

第六步：进入根目录，可以使用SSH方式或直接操作。

第七步：上传三个关键文件：nuxt文件夹（包含已构建的dist文件夹）、nuxt.config.js、package.json。如有不参与编译的文件，请上传整个static文件夹。

第八步：修改网站根目录为/www/wwwroot/xxxxxx/.nuxt/dist。

第九步：使用终端功能，进入.nuxt文件夹上层目录，确保所有依赖包都已正确安装。

第十步：通过宝塔软件商店安装PM2管理器。

第十一步：在PM2中添加项目，并直接启动。

第十二步：配置NGINX，通过宝塔面板的“网站”选项。

第十三步：确保NGINX配置正确后，即可访问部署的网页，网址为你的IP:80。

遵循以上步骤，即使对Nuxt、腾讯云或宝塔面板不熟悉的用户也能轻松完成部署，实现个人网站或应用的上线。若遇到问题，欢迎留言讨论解决。