首页 > 其他分享 >部署前端项目分离项目 - 准备工作

部署前端项目分离项目 - 准备工作

时间:2022-11-01 13:45:05浏览次数:49  
标签:查看 项目 部署 前端 IDEA 终端 设置 虚拟机

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控制台查看日志输出

 

标签:查看,项目,部署,前端,IDEA,终端,设置,虚拟机
From: https://www.cnblogs.com/H742/p/16842974.html

相关文章

  • vscode下如何把缩进为2个空格的python项目改为4个空格的缩进
    最近在看老项目的代码,是python2.7年代的项目,那个时候很多的python项目都是使用2个空格,不过现在估计大多数人写python项目都是使用4个空格的了,而我看这两个空格的项目代码也......
  • 如何创建Github仓库并上传本地项目
    具体步骤最优:1.Github创建之后,直接clone再进行操作,在本地gitinit,之后直接本地操作次优:容易出现问题Github创建新的仓库,保证有readme文件创建本地项目进入本地项......
  • 前端基础vue
    1、指令 ·v-html,v-text (单项绑定:数据变,视图变)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"c......
  • 部署静态网站的五种方法
    第一种:添加静态页面在Tomcat8\webapps\ROOT根路径下例如:在ROOT文件夹下放一个hello.html的静态页面访问方法:localhost:8080/hello.html第二种:在Tomcat8\webapps路径下自定义......
  • vue-项目的整体增删改查
    路由: importVuefrom"vue";importVueRouterfrom"vue-router";importSelectViewfrom"../components/SelectView.vue";importSelectFromViewfrom"../compon......
  • 企业微信Oauth2协议前端流程
    前言由于近期工作中设计项目部署上企业微信,并且需要需要用户通过授权来实现获取用户企业微信信息的需求。经过了解,企业微信平台通过Oauth2协议实现第三方应用授权方式获取......
  • 使用es6-promise包兼容ie浏览器下的vue项目
    问题描述:“Promise”未定义解决步骤1.下载依赖npmies6-promise--save-dev2. 在入口文件中引入 es6-promise包,并使用(如果你是用vue-cli生成的项目,那么在/sr......
  • 信息系统项目管理记忆口诀
    1.十大管理的内容口诀:范进整狗子,成人干风采;六妻溜三山,试试石榴市。解释:范进整狗子,成人干风采:范围、进度、整体、沟通、质量;成本、人力资源、干系人、风险、采购六妻溜......
  • 信息系统项目管理章节记忆口诀
     第1-3章1、信息化从“小”到“大”的5个层次口诀:产企业国社知识点:产品信息化、企业信息化、产业信息化、国民经济信息化、社会生活信息化2、信息系统生命周期的四个......
  • 在微信小程序上做一个「博客园年度总结」:解决前端获取接口数据太慢的一种思路
    先介绍下目前代码中后端是如何给前端提供数据的:1、首先,构造一个函数A,这个方法中会调用博客园「获取随笔列表」接口,取到数据作进一步处理,然后把结果返出去;2、然后,使用......