星河避难所

返回

独立后台

介绍如何搭建独立后台，提供更完整的功能和更好的体验。包括安装 Node.js、手动打包后台并上传到服务器的操作步骤。

查看更多

安装 Node.js#

  1. 下载 Node.js

  2. 安装 Node.js

    • 双击下载的 .msi 文件。
    • 一路 Next​，勾选 Add to PATH
    • 安装完成后可以点击 Finish。

  3. 验证安装 打开 命令提示符(CMD)或 PowerShell，输入：

    node -v
npm -v
    bash

如果能显示版本号，说明安装成功。

克隆项目#

通过Git命令

git clone https://github.com/zxc7563598/vue-bilibili-danmu-admin.git
bash

或直接前往仓库下载的方式获取到完整代码：前往仓库 ↗

下载代码

基础配置#

复制项目中的 .env.example 文件为 .env

将 VITE_AXIOS_BASE_URL 与 VITE_PROXY_TARGET 替换为实际项目地址

.env
# ⚠️ 本文件为环境变量示例，请复制为 `.env` 并根据实际部署情况进行修改
# 项目标题，用于页面显示标题等
VITE_TITLE=哔哩哔哩机器人

# 是否启用 Hash 路由（true 使用 # 路由，适用于部署在非根路径时）
VITE_USE_HASH=true

# 静态资源的公共路径，必须以 / 开头和结尾
VITE_PUBLIC_PATH=/dist/

# Axios 请求的基础路径（建议填写系统配置中的「项目地址」）
VITE_AXIOS_BASE_URL=请替换为系统配置中的项目地址

# 本地开发环境的代理目标地址（同样填写系统配置中的「项目地址」）
VITE_PROXY_TARGET=请替换为系统配置中的项目地址
bash

打包上传#

  1. 安装依赖

    npm install
    bash

  2. 构建项目

    npm run build
    bash

    完成后，目录内会出现一个名为 dist 的文件夹

  3. 上传项目

    连接服务器，上传 dist 目录到 /www/wwwroot/php-bilibili-danmu/public 路径中

    忘记如何连接服务器了？看这里

评论似乎卡住了，尝试刷新？✨