宝塔简单部署vue

仿照别人项目做了个基于 springboot 和 vue 的网站，在腾讯云服务器上，通过 宝塔面板 部署了该项目。项目的技术栈：Vue3、Vite5、Axios、Element Plus、Wangeditor5、Highlightjs、Spring Boot2、Mybatis、MySQL8。

🚀 本文是一份面向初学者的实用部署指南，详细讲解如何使用宝塔面板将 Vue 前端与 Spring Boot 后端项目部署到 Linux 云服务器。内容涵盖服务器准备、端口配置、环境分离、前后端构建、数据库初始化、Nginx 路由设置等核心步骤，并附有命令说明与目录结构建议，帮助你快速掌握从本地开发到上线部署的完整流程。

当一个前后端分离的项目写好之后，我们应该如何将其部署到服务器中呢？下面我们将在一个服务器中部署前端的vue项目，和后端的springboot项目，看看一个完整的前后端项目究竟是如何部署起来的吧！（声明：其中的前端vue代码来自B站黑马程序员的资料，后端的springboot代码是本人所写~） 在正式部署之前，我们应该将前提条件准备好， 必要的有FTP、MySQL、PHP、phpMyAdmin、java项目一键部署，其中，PHP用来启动前端项目，phpMyAdmin用来开启一个新的网页管理MySQL数据库。

然后 执行./nginx -s reload 重启nginx 就成功部署vue项目了。如果遇到添加不成功，可以随意添加一个域名如www.test.com 默认端口为80 ，就可以新增成功了。保存之后，可以在Nginx的sbin目录下执行 ./nginx -t 检查配置文件有没有问题。因为我是自定义端口8090，所以我在nginx.conf文件里加了server段，代码如下。1.vue.config.js文件在module.exports=｛｝下加入关键代码。新增成功后会在更目录生成4个文件，不用管。

快速部署网站上线的方式，腾讯云+宝塔。

最近闲着无聊，自己买了一个阿里云的服务器玩耍。突发奇想部署一个vue的项目。主要用了宝塔面板进行部署。 1.宝塔面板显示自己的服务器配置（自己百度，这里省略）；主要讲vue的项目的部署情况 在宝塔面板添加自己的站点，（同一个id可以部署不同的站点，本篇文章不做介绍，后续文章有介绍）； 2.vue项目打包 打开你的项目目录，用终端进行打包（npm run build） dist目录： 3.打包完之后会出现dist的目录，然后将dist放在你的目标站点中。 上传dist目录： 查看目标站点的根目录是不是

使用宝塔部署Vue项目

下载node后，选择项目目录，并且选择启动项和npm包管理器，其他具体配置看实际情况。首先在vite.config.js中设置端口。创建vite项目，配置好环境和前端页面。直接上传项目的所有文件即可。

1.购买一款服务器，我选择的是价格比较便宜阿里云"轻量应用服务器" ，镜像是[email protected], 地区选择香港(域名就可以不用备案)

宝塔部署 Vue + Spring Boot + MySQL + Redis 项目保姆级教程

本次以SmartAdmin的项目为例，通过宝塔面板部署，对部署过程进行一个完整演示，不同项目的部署也可能略有不同。过程仅为参考。