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

这篇具有很好参考价值的文章主要介绍了【Linux】部署单机OA项目及搭建spa前后端分离项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一,部署oa项目

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

主机访问OA项目

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

2.1 后端

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

2.2 前端

2.1.1 node.js

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

① node_global   全局安装路径

② node_modules  npm缓存路径

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

2.1.2 配置坏境变量 

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

变量名:NODE_HOME

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

 【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

找到刚刚所创建的两个文件夹,启动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启动后端

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

启动前端

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

 执行npm run dev 命令

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

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

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器

效果:

【Linux】部署单机OA项目及搭建spa前后端分离项目,linux,运维,服务器文章来源地址https://www.toymoban.com/news/detail-719094.html

到了这里,关于【Linux】部署单机OA项目及搭建spa前后端分离项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Linux/openEuler系统部署spring boot+vue前后端分离项目(nginx均衡代理)

    可以看我前面的文章 华为openEuler系统安装openjdk并配置环境变量 openEuler系统安装nginx HUAWEI-OpenEuler系统安装MySQL服务器并使用详细步骤 Ubuntu安装MySQL服务器详细步骤 在确定项目可以正常运行的前提下,进行package打出jar包 npm run build 打包成功后在项目文件路径下出现dist文件夹

    2024年03月24日
    浏览(81)
  • (一)专题介绍:移动端安卓手机改造成linux服务器&linux服务器中安装软件、部署前后端分离项目实战

    总体概述: 本篇文章隶属于“手机改造服务器 部署前后端分离项目”系列专栏,该专栏将分多个板块,每个板块独立成篇 来详细记录:手机(安卓)改造成个人服务器(Linux)、Linux中安装软件、配置开发环境、部署JAVA+VUE+MySQL5.7前后端分离项目,以及内网穿透实现外网访问等全过

    2024年02月04日
    浏览(40)
  • 若依(Ruoyi)前后端分离版项目部署到服务器(Linux环境)后,刷新页面报错:404 Not Found

    原文章: 若依(ruoyi)前后端分离版使用教程之若依后端部署阿里云服务器步骤(超详细)_蓝多多的小仓库的博客-CSDN博客 问题:         在若依项目部署服务器后,可以正常运行,但如果执行刷新页面操作,便会出现404 Not Found。 原因:         Nginx未正确配置。由

    2024年02月17日
    浏览(43)
  • Ruoyi安装部署(linux环境、前后端不分离版本)

    目录 简介 1 新建目录 2 安装jdk 2.1 jdk下载 2.2 解压并移动文件夹到/data/service目录 2.3 配置环境变量 3 安装maven 3.1 进入官网下载最新的maven 3.2 解压并移动文件夹到/data//service目录 3.3 配置环境变量 3.4 配置本地仓库地址与阿里云镜像 4 安装git 4.1 进入官网下载git 4.2 解压编译安

    2024年02月11日
    浏览(34)
  • Java——Linux使用Docker部署若依前后端分离版【保姆级教程】

    目录 一、项目规划与前置工作 1.1、docker所需镜像 1.2、使用工具  1.3、防火墙与安全组的配置  1.4、域名解析、备案、SSL证书的准备(可选) 二、Docker和镜像安装 2.1、Docker安装 2.1.1、检查环境 2.1.2、搭建gcc环境(gcc是编程语言译器) 2.1.3、安装需要的软件包 2.1.4、装镜像仓

    2024年02月02日
    浏览(57)
  • 【Linux】Linux+Nginx部署项目(负载均衡&动静分离)

    接下来看看由辉辉所写的关于Linux的相关操作吧   目录 🥳🥳Welcome Huihui\\\'s Code World ! !🥳🥳 一.Nginx负载均衡 1.什么是负载均衡 2.实现负载均衡的步骤 ①Nginx安装 一键安装4个依赖 解压安装包 进入安装包目录 ②启动 nginx 服务 进入到指定目录 启动 检测是否成功启动 ③开放防

    2024年02月06日
    浏览(36)
  • 在linux部署网站的前后端项目

    【初步规划】 我想在linux环境部署python开发的flask架构的项目,前端用vue,数据库用mysql,请问,需要如何去做。 在Linux环境部署Flask项目需要以下步骤: 1. 安装Python环境:可以通过apt-get、yum等包管理工具来安装Python。 建议使用Python3.x版本,可通过`python3 -V`命令查看版本号。

    2024年02月04日
    浏览(22)
  • SpringBoot+Vue前后端分离项目在Linux系统中基于Docker打包发布,并上传镜像到阿里镜像私仓

    将打好的jar包放到咱们opt目录下的自定义文件夹内 打包成功后 –rm 代表退出之后,容器移动删除 可以看到成功启动了服务 阿里云免费私仓 创建好自己的镜像仓库后会显示操作指南 身份登录 将镜像推送到Registry 可以在镜像仓库中进行查看 拉取镜像 default.conf 1.root:设置静态

    2024年04月17日
    浏览(71)
  • Nginx负载均衡 以及Linux前后端项目部署

    Nginx是一款高性能的开源Web服务器和反向代理服务器。它由俄罗斯的程序设计师Igor Sysoev创建,旨在解决传统Web服务器的性能限制问题。 Nginx采用事件驱动的架构和异步非阻塞的处理方式,使其能够处理大量并发连接,并具备良好的性能表现。它能够处理静态文件、索引文件以

    2024年02月06日
    浏览(40)
  • 服务器部署前后端分离项目

    做了一个前后端分离的项目来熟悉开发的整个流程,我把整个流程记录下来了,用作以后的参考。 安装jdk 1、在/usr/local目录下创建jdk文件夹,并将jdk安装包放到/usr/local/jdk包下并解压 1.1通过文件传输工具将jdk包上传到服务器上 1.2输入解压命令 1.3解压完成,生成下面的文件

    2023年04月22日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包