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

目录

部署OA项目

[​编辑 搭建spa前后端分离项目](#编辑 搭建spa前后端分离项目)

后端

前端

配置坏境变量


部署OA项目

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

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

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

主机访问OA项目

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

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

搭建spa前后端分离项目

后端

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

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

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

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

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

前端

node.js

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

① node_global 全局安装路径

② node_modules npm缓存路径

配置坏境变量

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

变量名: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 命令

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

相关推荐
kong@react21 分钟前
Rocky Linux 10.2 全面解析:企业级 CentOS 替代方案及保姆级docker安装
java·linux·运维·docker
Gauss松鼠会44 分钟前
【GaussDB】GaussDB重要通信参数汇总
服务器·网络·数据库·sql·性能优化·gaussdb·经验总结
凡人叶枫1 小时前
Effective C++ 条款07:为多态基类声明 virtual 析构函数
linux·c语言·开发语言·c++
睡不醒男孩0308231 小时前
第八篇:如何构建一站式 PostgreSQL 性能优化与智能管控平台?从盲目排查到 CLup 自动化运维演进
运维·postgresql·性能优化
凡人叶枫1 小时前
Effective C++ 条款10:令 operator= 返回一个 reference to *this
java·linux·服务器·开发语言·c++·effective c++
某林2121 小时前
Isaac Sim 5.1.0 无头服务器部署与 RTX 显存段错误排障全记录
运维·服务器·docker·容器·isaac
|_⊙1 小时前
Linux 中断
linux
m0_738120722 小时前
Docker 环境下 Vulfocus 靶场搭建全流程(附镜像源问题解决方案)
运维·服务器·网络·安全·docker·容器
Gauss松鼠会2 小时前
【GaussDB】GaussDB SMP特性调优详解
java·服务器·前端·数据库·sql·算法·gaussdb
二等饼干~za8986682 小时前
2026 主流 GEO 源码厂商实测:云罗 GEO、摘星智能、棋引科技技术与落地能力对比
大数据·运维·科技