转载至:?若依前后端分离项目,部署到Linux服务器_51CTO博客_前后端分离 服务器
本文表格内数据展示,不如原文。对于表格内数据,建议copy原文使用
Gitee地址: https://gitee.com/y_project/RuoYi-Vue.git
一、项目本地启动(Windows)
maven:3.6.3
jdk:1.8
mysql:8.0.18
1.1、后端项目配置,启动
1、创建数据库
1、创建数据库:ry-vue
2、执行两个SQL文件:sql/quartz.sql、sql/ry_20230223.sql
2、修改配置文件:ruoyi-admin/application.yml
修改mysql连接信息
修改redis连接信息
修改项目启动端口号,这里我修改为了8058
3、启动后端项目
浏览器访问:http://localhost:8058/
1.2、前端项目配置,启动
NodeJs版本:v16.18.1
NodeJs历史版本下载地址: https://nodejs.org/dist/
NodeJs安装
1、修改配置
修改ruoyi-ui/vue.config.js
// 修改前端项目端口 // 后端项目ip和端口 |
2、构建启动
# 进入项目目录 cd ruoyi-ui # 安装依赖(建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题) npm install --registry=https://registry.npmmirror.com --strict-ssl=false # 启动服务 npm run dev |
3、访问
浏览器访问:http://localhost:8060/
默认用户名密码:admin admin123
4、通过idea启动前端项目
二、Linux下项目部署
Centos版本:Centos7.4
虚拟机IP:192.168.147.128
2.1、后端项目部署(Jar包)
1、使用idea在本地maven打包
2、上传jar包到服务器
3、编写shell脚本执行:start_ruoyi_admin.sh
#!/bin/bash # 1、常量 # 2、启动项目的函数 # 3、获取进程ID # 4、判断进程是否存在 # 记录结束时间 |
4、启动
2.2、后端项目部署(War包)[根据需要,可选]
Tomcat中部署SpringBoot项目
2.3、前端项目部署
因为需要将vue程序部署到nginx,这里需要安装下。
Nginx安装
NodeJs安装
1、前端vue发布部署
构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js 、***.css、index.html 等静态文件
发布到你的 nginx 或者静态服务器即可,其中的 index.html 是后台服务的入口页面。
1、上传ruoyi-ui到Linux服务器,进入ruoyi-ui目录下 2、安装依赖: server { location / { error_page 500 502 503 504 /50x.html; 5、关闭前端vue项目: |
2、浏览器访问: http://192.168.147.128:8060/
-----------------------------------
原文出处:https://blog.51cto.com/zhangzhixi/6456496