【Linux】部署单机OA项目及搭建spa前后端分离项目

一,部署oa项目

在虚拟机中,将项目打包成war文件放置到tomcat根目录下的webapps文件目录下

再在主机数据库中连接数据库,并定义数据库名导入相关的表

继续进入tomcat目录下双击点击startup.bat,启动oa项目

主机访问OA项目

如果登入不进去,进入虚拟机tomcat导入的项目文件中查看是否与主机中连接虚拟机的数据库密码等是否一致,如下图

无误之后,登入spa项目正确的账户及密码即可登入进去

二,搭建spa前后端分离项目

2.1 后端

在虚拟机中,将spa项目打包成war文件放置到tomcat根目录下的webapps文件目录下

再在主机数据库中连接数据库,并定义数据库名导入相关的表

如果登入不进去,进入虚拟机tomcat导入的项目文件中查看是否与主机中连接虚拟机的数据库密码等是否一致,如下图

继续进入tomcat目录下双击点击startup.bat,启动spa项目

最后进行访问即可,如果能访问代表后端启动无误

2.2 前端

2.1.1 node.js

解压 在解压文件夹根目录添加两个文件夹

① node_global 全局安装路径

② node_modules npm缓存路径

2.1.2 配置坏境变量

进入虚拟机的系统配置坏境变量,添加系统变量

变量名:NODE_HOME

变量值:Node.js安装根目录

选择path,编辑。在最后面加上 ;%NODE_HOME%; %NODE_HOME%\node_global

如下图,虚拟机配置坏境变量位置会有差异,大致根据来步骤来即可就行

测试安装是否成功:打开cmd窗口,输出如下命令会输出NodeJs和npm的版本号

找到刚刚所创建的两个文件夹,启动cmd执行以下命令

具体文件位置根据自己的位置来,但第三行直接copy执行即可,不需要改

复制代码
npm config set cache "C:\sofware\node-v18.16.1-win-x64\node-v18.16.1-win-x64\node_cache"




npm config set prefix "C:\sofware\node-v18.16.1-win-x64\node-v18.16.1-win-x64\node_global"



//设置淘宝源
  npm config set registry https://registry.npm.taobao.org/

重新启动后端,进入tomcat安装bin目录下双击startup.bat启动后端

启动前端

在虚拟机中的spa项目目录下启动cmd窗口,

执行npm run dev 命令

等待之后,出现网址复制用虚拟机的浏览器打开,如果没有可以下载一个浏览器

效果:

相关推荐
在坚持一下我可没意见8 分钟前
Java 网络编程:TCP 与 UDP 的「通信江湖」(基于UDP回显服务器)
java·服务器·开发语言·tcp/ip·udp·java-ee
LNN202221 分钟前
Qt creator +Valgrind检测内存泄漏(linux)
linux·开发语言·qt
0wioiw040 分钟前
Ubuntu(④Mysql)
linux·mysql·ubuntu
球求了41 分钟前
Linux 系统入门:环境变量&&虚拟地址空间
linux·运维·服务器·1024程序员节
Bruce_Liuxiaowei1 小时前
Mac与Kali主机间SSH连接故障排除:主机密钥变更的解决方案
运维·macos·网络安全·ssh
一周困⁸天.1 小时前
LVS-NAT模式配置
运维·负载均衡·lvs
java_logo2 小时前
Docker 部署 Rocky Linux 全流程教程
linux·运维·服务器·docker·容器·1024程序员节
二进制coder2 小时前
BMC RTC:服务器硬件管理的“时间心脏”与系统协同核心
服务器·单片机·实时音视频