部署前端项目分离项目 - 准备工作
0 本篇文章中部署《前后端分离项目》所需的所有准备步骤
1 设置虚拟机网络
2 在VMware中开启虚拟机
3 等待虚拟机开机
4 虚拟机开机成功,进入到虚拟机的桌面界面
5 右击桌面,准备更换桌面背景
6 选择背景
7 选择图片
8 找到已经上传到虚拟机根目录中的图片的路径
9 找到图片,并选中
10 设置此图片为桌面背景
11 成功将此图片设置为桌面背景
12 在此虚拟机中关闭所有打开的窗口,查看效果
13 操作终端
14 准备输入Linux命令
15 输入3个命令,查看终端是否正常运行
16 输入命令: ifconfig 查看当前虚拟机的IP
17 IDEA - 设置
18 部署
19 添加SFTP
20 设置新建的服务器的名称
21 配置SSH
22 添加一个用户账户
23 测试连接
24 设置为默认 并 设置根目录
25 检查是否设置成功
26 检查SSH配置是否正确
27 测试SFTP连接是否正确
28 自动检测根路径
29 启动SSH会话
30 选择要连接的主机
31 左击终端打开IDEA中的侧边栏
32 检查在IDEA中的终端输入命令是否能够正常执行
33 IDEA新增一个侧边栏 远程主机
34 查看远程主机中的根目录
35 新建一个文件
36 远程主机 查看新建的文件
37 登录虚拟机
38 Linux终端查看新建的文件
39 修改前端项目的配置
40 在VScode中新建终端
41 操作终端
42 查看vue版本号
43 运行前端项目 Vue2项目
44 查看前端项目的访问路径
45 答题管理系统 前端项目的首页
46 进入二级菜单中
47 进行第二个二级菜单
48 修改后端项目的配置
49 编辑配置
50 运行/调试配置
51 运行SpringBoot项目
52 运行成功
53 使用浏览器访问后端项目提供的一个接口
54 在IDEA控制台查看日志输出
55 在Apifox中设置前置URL
56 Apifox测试后端接口
57 在IDEA控制台查看日志输出
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库