通过宝塔面板将vue项目放到阿里云服务器（两个vue项目）

**通过宝塔面板将Vue项目部署到阿里云服务器**

在本文中，我们将介绍如何使用宝塔面板将两个Vue项目部署到阿里云服务器。宝塔面板是一款强大的Web管理面板，支持多种编程语言和框架的部署。

**环境准备**

* 阿里云服务器（CentOS7.x或Ubuntu16.04以上）
* 宝塔面板（最新版本）
* Vue项目源码包（两个）

**步骤一：安装宝塔面板**

首先，我们需要在阿里云服务器上安装宝塔面板。可以通过以下命令进行安装：

bash# CentOS7.xyum install -y wget && wget -O bp.sh  && sh bt.sh# Ubuntu16.04以上apt-get update && apt-get install -y wget && wget -O bp.sh  && sh bt.sh

安装完成后，重启服务器：

bashreboot

**步骤二：登录宝塔面板**

登录宝塔面板的地址是` />
**步骤三：创建新站点**

在宝塔面板中，点击左侧菜单中的“站点”选项卡，然后点击“添加站点”。

* 名称：输入第一个Vue项目的名称（例如“vue-project-1”）。
* 站点类型：选择“PHP”。
* PHP版本：选择“7.2”或以上版本。
*上传文件：上传第一个Vue项目的源码包。

**步骤四：配置环境变量**

在宝塔面板中，点击左侧菜单中的“环境变量”选项卡，然后点击“添加环境变量”。

* 名称：输入环境变量名称（例如“VUE_PROJECT_1”）。
* 值：输入第一个Vue项目的根目录路径。

**步骤五：部署第一个Vue项目**

在宝塔面板中，点击左侧菜单中的“站点”选项卡，然后找到刚刚创建的第一个Vue项目。点击“部署”。

等待部署完成后，访问` />
**步骤六：创建第二个站点**

在宝塔面板中，点击左侧菜单中的“站点”选项卡，然后点击“添加站点”。

* 名称：输入第二个Vue项目的名称（例如“vue-project-2”）。
* 站点类型：选择“PHP”。
* PHP版本：选择“7.2”或以上版本。
*上传文件：上传第二个Vue项目的源码包。

**步骤七：配置环境变量**

在宝塔面板中，点击左侧菜单中的“环境变量”选项卡，然后点击“添加环境变量”。

* 名称：输入环境变量名称（例如“VUE_PROJECT_2”）。
* 值：输入第二个Vue项目的根目录路径。

**步骤八：部署第二个Vue项目**

在宝塔面板中，点击左侧菜单中的“站点”选项卡，然后找到刚刚创建的第二个Vue项目。点击“部署”。

等待部署完成后，访问` />
**总结**

通过以上步骤，我们成功地将两个Vue项目部署到阿里云服务器。宝塔面板提供了一个强大的Web管理面板，支持多种编程语言和框架的部署。