星禾 发表于 2024-1-14 19:19:22

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

一、服务器环境说明
[*]Nginx
[*]Node.js (版本 16 以上)
二、安装 Node.js 版本管理器宝塔面板中点击 网站 - Node 项目 - 点击安装 - 选择安装版本 默认最新 1.9 就行https://img.xwyue.com/i/2023/11/20/655b46e7b5d43.png点击 Node 版本管理器 - 安装版本 16 以上(先点击右上角的更新版本列表):https://img.xwyue.com/i/2023/11/20/655b47a3c5c6d.png三、构建并部署前端可以自行构建或者下载我们构建好的版本:Gitee 项目地址构建说明:打开前端项目目录,运行 cmd 输入:npm run build 如下图所示则构建完成:https://img.xwyue.com/i/2023/11/20/655b49b23971a.png
我们需要将如图所示几个文件打包上传到服务器:
https://img.xwyue.com/i/2024/01/15/65a52e85cf1af.png

四、添加 Node 项目新建一个 Node 项目,如下图填写 (其中目录选择你刚刚上传的目录):
https://img.xwyue.com/i/2024/01/15/65a52e9b276b7.png

然后等待自动安装依赖即可Tip:前端程序运行目录可以自行选择创建注意最新程序包可在:QimenIDC - 前端最新版下载及更新说明将项目改为跟随系统开机启动:
https://img.xwyue.com/i/2024/01/15/65a52eb2f00ca.png

然后等待自动安装依赖即可,安装完成就可以访问了修改基础配置文件:配置文件在项目根目录下https://img.xwyue.com/i/2024/01/15/65a52ec3602a0.png
主配置文件:nuxt.config.jsTip~: 前端配置文件不需要更改什么内容,仅需更改后端地址即可,Title 有需要也可以改
五、重新启动前端程序修改配置文件之后,需要重新启动一下前端项目即可:https://img.xwyue.com/i/2024/01/15/65a52ed1f3806.png


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

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

页: [1]
查看完整版本: 宝塔(BT-Panel)安装 QimenIDC 前端教程