宝塔部署vue项目

宝塔是一个用于 Linux 系统的服务器面板软件，提供了很多方便的功能来管理和部署服务器。在宝塔中部署 Vue 项目比较简单，只需要几个步骤就可以完成。下面我将详细介绍如何在宝塔中部署 Vue 项目。

首先，确保你的服务器上已经安装了宝塔面板软件。如果没有安装，可以通过宝塔的官方网站下载安装包并按照说明进行安装。

安装完成后，打开宝塔面板，输入正确的用户名和密码进行登录。登录成功后，进入宝塔的控制面板。

在控制面板中，可以看到很多功能模块，找到“网站”模块并点击进入。

在网站列表中，可以看到已经添加的网站。如果还没有添加网站，可以点击“添加站点”按钮来添加一个新的网站。

在添加网站的页面中，填写网站的域名、根目录、FTP账号等信息。注意，在这里的根目录中需要填写 Vue 项目的路径，例如“/var/www/html/my-vue-project”。

点击“添加站点”按钮，宝塔会自动创建一个网站并设置好相关的配置。

接下来，需要在服务器上安装 Node.js 和 npm。这些工具是用来编译和运行 Vue 项目的必需工具。

在宝塔控制面板中，找到“软件管理”模块并点击进入。在这里可以看到服务器上已经安装的软件。

点击“安装”按钮，在列表中找到 Node.js 和 npm，并点击“安装”按钮进行安装。等待安装完成后，可以在软件列表中看到已经安装好的 Node.js 和 npm。

接下来，在宝塔的控制面板中找到“文件管理”模块，并点击进入。

在文件管理模块中，可以看到服务器上的文件和目录。进入之前在宝塔中设置的根目录，找到 Vue 项目的文件夹。

点击文件夹进入后，可以看到项目中的文件和目录。在这里可以上传或者编辑项目的文件。

首先，需要在项目的根目录下打开一个终端窗口。可以通过宝塔的控制面板提供的终端功能来打开终端。

在终端窗口中，使用 npm install 命令来安装项目所需的依赖。

```

npm install

```

等待安装完成后，使用 npm run build 命令来编译项目。

```

npm run build

```

编译完成后，会生成一个 dist 目录，里面包含了编译好的项目文件。

接下来，在宝塔的控制面板中找到“网站”模块，并进入之前添加的网站。

在网站的详情页面中，可以看到“网站目录”。点击文件夹图标进入网站的根目录。

在网站的根目录中，可以看到一个 public_html 目录。进入该目录，并删除其中的文件。

然后，将 dist 目录中的文件复制到 public_html 目录中。

回到宝塔的控制面板中，找到“网站”模块，并点击“重启”按钮来重启网站。

重启完成后，可以通过域名访问 Vue 项目了。在浏览器中输入你的域名，并回车，即可打开 Vue 项目的首页。

总结起来，宝塔部署 Vue 项目的过程包括添加网站、安装 Node.js 和 npm、上传项目文件、安装项目依赖、编译项目、替换网站文件、重启网站等步骤。这些步骤相对简单，只需要按照上述步骤一步一步来即可完成部署。