Vue3&Nodejs&MySQL&宝塔面板部署过程

最新推荐文章于 2025-03-05 18:44:07 发布

原创

最新推荐文章于 2025-03-05 18:44:07 发布 · 486 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#mysql #数据库 #vue.js #前端

今天雪碧小屋正式上线了！感兴趣的同学可以点击链接踩一踩哈哈哈哈

雪碧的小屋

进入正文，讲述部署过程：

一、购买服务器和域名，登陆宝塔面板

我是在腾讯云购买的轻量云服务器，毕竟也只是搭建一个小型博客网站，并且镜像选择的是宝塔面板，最终成品如下：

购买成功之后，点击应用管理，获取登陆账号和密码，并且登陆自己的IP下的宝塔面板：

到此基本就能够登陆宝塔面板了，这部分的步骤容错率比较大，我就不一一说明细节了。

二、部署数据库

在软件商店下载这两个应用，然后点击左侧“数据库”，选择“MySQL”，“添加”新的数据库：

自己设定数据库名等信息，访问权限和添加路径不用改，创建完成之后可以

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

木土木土912

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用宝塔面板连接部署 Vue 3 + Node.js + MySQL 服务器

OUDKE的博客

09-28

386

我们通过创建网站、配置反向代理，以及上传静态文件和 Node.js 应用，成功地将应用部署到服务器上。在本篇文章中，我们将探讨如何使用宝塔面板来连接部署一个集成了 Vue 3、Node.js 和 MySQL 的服务器。在创建好网站后，我们需要对网站进行一些配置，以确保 Vue 3 和 Node.js 应用能够正确运行。接下来，我们将编写一个简单的 Node.js 应用，并连接到 MySQL 数据库。在宝塔面板中，我们需要创建一个新的网站来托管我们的 Vue 3 和 Node.js 应用。

Vite打包Vue3项目，利用宝塔部署到服务器

Alin_Wu_的博客

01-09

3568

按照如图的配置，将vite.config.js的 base 改为 /dist/（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）就会得到左边的这个dist文件夹，这就是打包好的文件。上传成功之后，文件目录结构是这样的。然后npm run build。创建项目以及项目配置。

1 条评论您还未登录，请先登录后发表或查看评论

node+vue宝塔部署

weixin_52417514的博客

02-10

287

超详细解决node+vue项目使用宝塔进行部署访问...

宝塔部署 vue3和nest.js(node+ts)项目

qq_43351090的博客

03-31

4153

宝塔从0到1部署nest.js+vue,包会

vue+nodejs+mysql宝塔面板的部署与使用发布到服务器（原创详细版）

几百块的博客

11-11

5888

前置条件： 1.云服务器（阿里云，腾讯云都行） 2.域名（没有就用服务器公网ip访问） 3.已经打包好的前端项目 4.nodejs项目 5.mysql和nodejs在本地已经调通第一步给服务器做系统，这里我选择的是centors 8.2 2. 好了之后远程连接服务器，这里你也可以选择xshell等其他连接，或者阿里云网页端浏览器自带的也行。进入服务器后，可以通过输入“sudo su root”切换至root账号 Centos安装脚本：这里可以去宝塔官网看：宝塔linux面板官网然后根据给你的地址，

阿里云+宝塔上线vue+node+mysql项目

sdgfbx

10-08

955

阿里云+宝塔上线vue+node+mysql项目菜鸟前端一路摸坑在路上新手上线详细过程还有很多地方也在学习完善首先购买阿里云服务器 重置阿里云实例密码使用 Xshell 登录进入宝塔官网： https://www.bt.cn/ 选择linux面板 Centos安装脚本 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh in

vite+vue3项目通过宝塔部署到服务器

qq_42543548的博客

12-20

3349

记一次vite+vue项目的打包构建到服务器上

宝塔面板部署node+express+mysql

01-20

2，在宝塔面板安装 PM2 1. 安装依赖 2. 配置项目（项目根目录，启动文件，名称） 3，创建站点 1. 设置IP或者域名 4，把项目上传到站点目录尽量不要上传node_moudls，使用宝塔终端 cd /www/wwwroot/xxx/ 然后...

阿里云部署一个vue+axios+nodejs+mysql项目(使用宝塔面板配置)

qq_42014236的博客

02-25

4640

使用阿里云部署vue+axios+node.js+mysql的项目(借助宝塔面板完成部署) 1. 购买阿里云购买阿里云的步骤我就不过多解释，告诉一下大家我选择的配置简单说一下，企业中使用最多的都是centos的系统，至于版本，不要选择太低，好像在宝塔面板中处理centos5.x的版本非常费劲。这里我们就选择的7.7的版本，因为我买的时候没有截图，我这边就重新截图了一张老用户的价格，我买的时候...

uniApp+vue+nodejs+express+mysql电商项目.zip

10-21

【标题】"uniApp+vue+nodejs+express+mysql电商项目"是一个综合性的Web开发实践，涵盖了前端、后端以及数据库等多个技术栈。在这个项目中，开发者将使用uniApp作为移动端应用框架，Vue.js作为前端框架，Node.js搭配...

使用宝塔快速部署vue3项目到 nginx

m0_53178794的博客

07-01

661

vue nginx 宝塔部署

部署node+vue3+vite的项目（宝塔面板+mysql+阿里云）

m0_63084496的博客

04-14

2280

部署node1+mysql+vue3+vite的网站

【项目配置】vue3项目上传到宝塔面板，图文保姆级教程！

科技改变世界，技术驱动未来。

09-13

7993

vue3项目打包上传到宝塔面板，手把手步骤，保姆级教程！

通过宝塔部署Spring Boot+Vue3项目到腾讯云服务器（精确细腻）

m0_74773277的博客

06-23

2365

我自己照猫画虎的写了一个项目，就想着将这个部署到服务器上，然而在这个过程中也踩到了不少坑，所以我一边问客服，一边自己尝试，最后终于部署成功了。登录成功后，先进入软件商店下载后面需要用到的软件，我这里下载了Nginx(部署前端的)、Mysql（数据库）、Redis（后端更新和删除令牌用的，没有用到就不管）我这里的Redis没怎么配置，因为我的后端项目里就使用到了一个普通的令牌更新和删除功能，只需要Redis启动了就行，不需要额外的配置。，对于我的程序来说已经是完全够用了，当然你们也可以选择其他的。

腾讯云服务器+宝塔面板部署Vue3项目超详细教程

weixin_57190021的博客

03-05

1986

服务器配置要合理环境安装要完整Nginx配置要正确SSL证书要及时更新性能优化要到位安全防护要做好。

宝塔面板轻量云服务器部署spring boot java后端、vite vue3前端、nginx。

qq_42339350的博客

02-12

952

根据开发或者测试。选择安装配置，等待两个安装任务完成。

腾讯云服务器+宝塔Linux面板部署vue3+vite打包项目

weixin_67307854的博客

09-25

1523

腾讯云服务器+宝塔Linux面板部署vue3+vite打包项目

vue3+SpringBoot+MySQL8.0打包上线部署（使用宝塔面板）

Singkrl的博客

07-05

2659

虽然这是使用宝塔面板的可视化配置，但是原理是一样的，本质是在Linux服务器上安装jdk、数据库，nginx等环境，然后将相应的文件导入到服务器上，启动后端服务，配置前端，数据库等，然后注意放行端口即可完成一个简单前后端分离项目的线上部署

宝塔部署(Django4+Vue-Cli5+uwsgi+Nginx+Mysql)超详细

a820206256的博客

01-10

1722

利用宝塔快速部署前端vue后端Django项目，整合到一起部署，不用分开部署，节省服务器资源和域名。Django4+vuecli5+nginx+uwsgi+mysql全部部署过程。

我有阿里云的云服务器可以部署到上面吗

最新发布

07-12

<think>我们正在回答用户关于在阿里云云服务器上部署应用程序的问题。用户之前询问了Windows系统部署，但当前问题转向了阿里云服务器部署。根据引用内容，我们可以总结出在阿里云ECS上部署应用的几个关键步骤： 1. 配置安全组：开放应用所需的端口（如引用[2]和引用[5]所述） 2. 安装环境：可以通过宝塔面板（引用[3]和引用[5]）或者手动安装（引用[4]） 3. 部署应用：可以通过阿里云控制台的新功能（引用[1]）或者传统方式（如上传项目并启动）考虑到用户可能希望一个清晰的步骤指南，我们按照以下结构回答：一、准备工作二、配置安全组三、连接服务器 四、安装环境（提供两种方式：宝塔面板和手动安装）五、部署应用（提供两种方式：阿里云构建部署功能和手动部署）六、验证部署同时，根据引用[1]，我们可以介绍阿里云控制台新的一键构建部署功能，这可能是最简单的方式。注意：用户没有指定具体的应用类型，所以我们将以常见的Java Web（SpringBoot）和Vue项目为例，因为引用[3]提到了SpringBoot+Vue。另外，我们也会生成相关问题。回答中需要自然添加引用标识，例如：[^1]</think>### 在阿里云云服务器部署应用程序的完整指南以下是根据阿里云官方文档和最佳实践整理的部署流程，涵盖主流应用类型（Java/SpringBoot、Node.js、Python等）： --- ### 一、基础环境准备 1. **配置安全组规则**（关键步骤） - 登录[阿里云控制台](https://ecs.console.aliyun.com/) → 进入实例详情 → 安全组 - 添加规则（示例）： - 开放 HTTP/HTTPS：端口 `80/443` - 开放应用端口：如 SpringBoot 的 `8080`，MySQL 的 `3306` - 开放 SSH 端口：`22`（用于远程连接） ![安全组配置示例](https://img.alicdn.com/tfs/TB1ZvJ5X.z1gK0jSZLeXXb9kVXa-1920-1040.png) [^2][^5] 2. **连接云服务器** ```bash # 通过 SSH 连接（Windows 可用 PuTTY） ssh root@<你的服务器公网IP> ``` --- ### 二、环境安装（根据应用类型选择） #### 方案一：宝塔面板（可视化操作，推荐新手） ```bash # 1. 安装宝塔面板（CentOS 示例） yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh # 2. 安装后获取面板地址和密码 bt default ``` - 通过 `http://服务器IP:8888` 访问宝塔 - 一键安装： - **Java 环境**：JDK + Tomcat [^3] - **数据库**：MySQL/Redis [^4] - **Web 服务器**：Nginx/Apache ![宝塔环境安装](https://img.alicdn.com/imgextra/i4/O1CN01zQ7Z7W1b3j6Q2q8y5_!!6000000003400-2-tps-1600-900.png) #### 方案二：手动安装（高级用户） ```bash # Java 环境（SpringBoot） yum install java-11-openjdk-devel # Node.js 环境 curl -sL https://rpm.nodesource.com/setup_14.x | bash - yum install nodejs # Python 环境 yum install python3-pip ``` --- ### 三、应用部署方式 #### 方法一：阿里云构建部署（Git 集成） 1. 进入 ECS 控制台 → **应用管理** → **创建应用** 2. 绑定 GitHub/Gitee 代码仓库 3. 设置构建命令（示例）： ```bash # SpringBoot 示例 mvn clean package nohup java -jar target/*.jar & ``` 4. 点击 **部署**，自动完成构建和启动 [^1] #### 方法二：手动部署 1. **上传应用文件** ```bash # 通过 SCP 上传（本地执行） scp ./app.jar root@<服务器IP>:/home/ ``` 2. **启动应用** ```bash # SpringBoot 启动示例 nohup java -jar /home/app.jar --server.port=8080 > app.log 2>&1 & # Node.js 启动示例 npm install pm2 start app.js ``` --- ### 四、数据库配置（MySQL 示例） ```bash # 1. 安装 MySQL [^4] wget https://dev.mysql.com/get/mysql80-community-release-el7-6.noarch.rpm rpm -ivh mysql80-community-release-el7-6.noarch.rpm yum install mysql-server # 2. 启动并设置密码 systemctl start mysqld grep 'temporary password' /var/log/mysqld.log mysql_secure_installation # 3. 创建数据库 mysql -u root -p CREATE DATABASE app_db; ``` --- ### 五、验证与优化 1. **访问测试** - 浏览器打开 `http://<服务器IP>:端口`（如 `http://123.123.123.123:8080`） 2. **配置域名（可选）** - 在宝塔/Nginx 中添加站点，绑定域名 - 申请 SSL 证书开启 HTTPS 3. **进程守护** ```bash # 使用 systemd 守护 Java 进程 [Unit] Description=MyApp After=syslog.target [Service] ExecStart=/usr/bin/java -jar /home/app.jar User=root [Install] WantedBy=multi-user.target ``` > ⚠️ **关键提醒** > - 生产环境务必配置 **防火墙**（`firewalld`/`ufw`） > - 定期备份：通过阿里云快照功能备份系统盘 > - 监控设置：在云监控中配置 CPU/内存报警规则 --- ### 常见问题解决 - **端口无法访问** → 检查安全组规则和服务器防火墙 - **数据库连接失败** → 确认 MySQL 用户远程访问权限： ```sql GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '密码'; FLUSH PRIVILEGES; ``` - **内存不足** → 添加 SWAP 分区： ```bash dd if=/dev/zero of=/swapfile bs=1M count=2048 mkswap /swapfile swapon /swapfile ``` --- ### 相关问题 1. 如何为阿里云服务器配置 HTTPS 证书？ 2. 使用 Docker 在阿里云部署应用有哪些最佳实践？ 3. 如何实现阿里云服务器的自动备份与恢复？ 4. 宝塔面板如何配置反向代理和负载均衡？ 5. 如何监控阿里云服务器上应用的性能指标？ > 部署过程涉及的具体命令和参数需根据实际应用调整，建议参考 [阿里云官方文档](https://help.aliyun.com/product/25365.html) [^1][^2]。