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

在本篇文章中，我们将探讨如何使用宝塔面板来连接部署一个集成了 Vue 3、Node.js 和 MySQL 的服务器。我们将介绍如何配置服务器环境、安装必要的软件和依赖，并提供相应的源代码示例。

1. 安装宝塔面板

首先，我们需要在服务器上安装宝塔面板。宝塔面板是一个功能强大的服务器管理面板，可以帮助我们快速配置和管理服务器。

你可以按照宝塔面板官方文档的指引进行安装，这里我们不提供具体的安装步骤。安装完成后，你可以通过浏览器访问宝塔面板的管理界面。

2. 创建网站

在宝塔面板中，我们需要创建一个新的网站来托管我们的 Vue 3 和 Node.js 应用。请按照以下步骤进行配置：

• 在宝塔面板管理界面，点击左侧导航栏的「网站」选项。
• 点击「添加站点」按钮，填写网站域名和其他相关信息。
• 在「站点目录」中，选择一个适合的目录作为你的项目根目录。
• 在「网站分类」中，选择「默认分类」。
• 点击「提交」按钮创建网站。

3. 配置网站

在创建好网站后，我们需要对网站进行一些配置，以确保 Vue 3 和 Node.js 应用能够正确运行。请按照以下步骤进行配置：

• 进入宝塔面板管理界面，点击左侧导航栏的「网站」选项。
• 找到你创建的网站，点击网站名称进入网站管理页面。
• 在网站管理页面，点击「反向代理」选项。
• 点击「添加反代」按钮，填写以下信息：