找回密码
 立即注册
搜索
查看: 785|回复: 0

宝塔(BT-Panel)安装 QimenIDC 前端教程

[复制链接]
  • TA的每日心情
    无聊
    2024-1-20 22:58
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    6

    主题

    1

    回帖

    160

    积分

    管理员

    积分
    160
    发表于 2024-1-14 19:19:22 | 显示全部楼层 |阅读模式 来自 中国
    一、服务器环境说明
    • Nginx
    • Node.js (版本 16 以上)
    二、安装 Node.js 版本管理器
    宝塔面板中点击 网站 - Node 项目 - 点击安装 - 选择安装版本 默认最新 1.9 就行
    点击 Node 版本管理器 - 安装版本 16 以上(先点击右上角的更新版本列表):
    三、构建并部署前端
    可以自行构建或者下载我们构建好的版本:Gitee 项目地址
    构建说明:
    打开前端项目目录,运行 cmd 输入:npm run build 如下图所示则构建完成:

    我们需要将如图所示几个文件打包上传到服务器:



    四、添加 Node 项目
    新建一个 Node 项目,如下图填写 (其中目录选择你刚刚上传的目录):



    然后等待自动安装依赖即可
    Tip:前端程序运行目录可以自行选择创建
    将项目改为跟随系统开机启动:



    然后等待自动安装依赖即可,安装完成就可以访问了
    修改基础配置文件:
    配置文件在项目根目录下

    主配置文件:nuxt.config.js
    Tip~: 前端配置文件不需要更改什么内容,仅需更改后端地址即可,Title 有需要也可以改

    五、重新启动前端程序
    修改配置文件之后,需要重新启动一下前端项目即可:



    前端宝塔面板部署视频教程:https://www.bilibili.com/video/BV1tV411X724?t=14.8

    前端Windows部署视频教程:https://www.bilibili.com/video/BV1xK411e7dt?t=2.7

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表