一、服务器环境说明二、安装 Node.js 版本管理器 宝塔面板中点击 网站 - Node 项目 - 点击安装 - 选择安装版本 默认最新 1.9 就行 点击 Node 版本管理器 - 安装版本 16 以上(先点击右上角的更新版本列表): 三、构建并部署前端构建说明: 打开前端项目目录,运行 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
|