宝塔面板前端vue怎么部署上线

宝塔面板是一款强大的服务器管理工具，而其前端采用了vue框架进行开发。本文将介绍如何部署和上线宝塔面板前端vue项目。

步骤一：安装宝塔面板

首先，你需要在你的服务器上安装宝塔面板。可以通过以下命令完成安装：

curl http://download.bt.cn/install/install_panel.sh | bash

步骤二：克隆项目代码

在安装好宝塔面板后，进入宝塔面板的网站目录，一般为/www/wwwroot/panel目录。可以使用以下命令进入该目录：

cd /www/wwwroot/panel

在该目录下，使用git命令克隆vue项目代码：

git clone https://github.com/bt-panel/vue.git

步骤三：安装依赖

进入克隆下来的vue项目目录：

cd vue

使用npm安装项目所需的依赖：

npm install

步骤四：构建项目

在安装完依赖后，使用以下命令构建项目：

npm run build

该命令会在当前目录生成dist文件夹，这个文件夹中包含了构建好的前端文件。

步骤五：配置宝塔面板

回到宝塔面板所在的网站目录/www/wwwroot/panel，将刚刚构建好的dist文件夹中的内容复制到该目录下：

cp -r dist/* /www/wwwroot/panel

然后，修改/www/wwwroot/panel/app/static/config.js文件，将其中的static目录路径修改为/static：

window.BTPanelPath = '/static/';

最后，重启宝塔面板，使配置生效：

service bt restart

步骤六：访问宝塔面板

完成以上步骤后，即可通过浏览器访问宝塔面板了。输入服务器的IP地址或域名，并指定宝塔面板的端口号（默认为8888），即可进入宝塔面板的登录页面。

至此，你已成功部署和上线了宝塔面板前端vue项目。

本文仅是简单介绍了如何部署和上线宝塔面板前端vue项目的基本步骤，具体的细节和配置可能会因个人需求而有所不同。