文章目录

一. 问题背景
二. 前期准备
三. 导入数据
三. 修改配置
- 3.1 修改数据库配置
- 3.2 修改后端端口号
- - 3.2.1 修改后端工程中的后端端口号
  - 3.2.2 修改前端工程中的后端端口号
- 3.3 修改前端端口号
- 3.4 开启端口号
四. 打包
- 4.1 打包后端
- 4.2 打包前端
五. 上传包
六. 配置nginx
七. 启动后端
八. 访问页面

一. 问题背景

前面玩过了本地电脑启动若依前后分离的项目，今天将他部署到生产环境上（Linux服务器上面）

二. 前期准备

可以先简单看看本地电脑启动若依前后分离的项目，有一个认知

Linux上：

安装jdk1.8
安装MySQL（推荐8.0版本），并创建一个可远程登录的账号，
安装redis，我使用5.0.4版本
安装nginx（推荐安装LTS版本）

本地电脑上：

在idea中安装Vue.js插件
安装node.js

三. 导入数据

在Linux上的MySQL导入数据，具体操作可参考本地电脑启动若依前后分离的项目

三. 修改配置

3.1 修改数据库配置

在RuoYi-Vue项目中的ruoyi-admin模块，在application-druid.yml中修改数据库信息，如下：

url: jdbc:mysql://Linux的ip地址:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=Asia/Shanghai
username: Linux的数据库用户
password: Linux的数据库密码

注意：

若MySQL版本是8.0，在url中必须加上serverTimezone=Asia/Shanghai
数据库用户必须有远程登录的权限，可以去百度查看MySQL授权教程

3.2 修改后端端口号

3.2.1 修改后端工程中的后端端口号

在RuoYi-Vue项目中的ruoyi-admin模块，在application.yml中修改端口信息，如下：

# 开发环境配置
server:# 服务器的HTTP端口，默认为8080port: 19393

解释：由于我的Linux服务器上面开了很多端口号，避免端口占用，我自定义端口号19393

3.2.2 修改前端工程中的后端端口号

在RuoYi-Vue项目中的ruoyi-ui文件夹，在vue.config.js中修改端口信息，如下：

注意： 此端口号必须与application.yml中的一致

3.3 修改前端端口号

在RuoYi-Vue项目中的ruoyi-ui文件夹，在vue.config.js中修改端口信息，如下：

注意： 此端口号可自定义，但必须要与nginx中配置的一致

3.4 开启端口号

如果Linux采用的是阿里云服务器，必须去安全组配置规则去开启上面的端口号。如果有开启防火墙，也必须要在防火墙开启端口号。

四. 打包

4.1 打包后端

详细操作可参考本地电脑启动若依前后分离的项目

4.2 打包前端

详细操作可参考本地电脑启动若依前后分离的项目

注意： 选择打包的命令，必须是生产环境的打包，如下：

五. 上传包

我将包放到Linux上面的如下路径：

六. 配置nginx

用nginx来做前端转发，nginx配置如下：

server {listen       9393;  # 前端的端口server_name  Linux的ip地址; # 不建议用localhostlocation / {root   /usr/local/project/RuoYi-Vue/dist; # 前端的包所在路径try_files $uri $uri/ /index.html; # 按此顺序查找请求的文件index  index.html index.htm;}# 生产环境的请求都是以/prod-api，可以按F12随便找一个请求看看它的路径location /prod-api/{proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:19393/; # 转发到后端}location /boom {proxy_redirect off;proxy_pass http://localhost:8080/;proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}

七. 启动后端

后端jar包在此路径，如下：

我编写了一个startup.sh脚本来启动后端，如下：

# /bin/bash # 后台运行jar包，并将日志写到nohup.out文件
nohup java -jar ruoyi-admin.jar > nohup.out &echo 'starting...'# 动态查看日志文件
tail -300f nohup.out

（建议修改后端的ruoyi-admin中的yml文件，修改日志级别都为debug，这样启动完成的时候，就会有一个log标志出现，方便检测是否启动成功），如下所示：

(♥◠‿◠)ﾉﾞ  若依启动成功   ლ(´ڡ`ლ)ﾞ  .-------.       ____     __        |  _ _   \      \   \   /  /    | ( ' )  |       \  _. /  '       |(_ o _) /        _( )_ .'         | (_,_).' __  ___(_ o _)'          |  |\ \  |  ||   |(_,_)'         |  | \ `'   /|   `-'  /           |  |  \    /  \      /           ''-'   `'-'    `-..-'

注意： 如果启动失败，那么99%都是数据库信息配置错误、端口号没有开启

八. 访问页面

在浏览器访问：http://Linux的ip地址:9393/即可，如下：

部署若依前后端分离系统到生产环境相关推荐

利用Docker一键部署若依前后端分离项目详细教程
本文内容,主要介绍一下,在Linux服务器中如何利用Docker一键部署若依前后端分离项目. 若依前后端分离版本开源地址:https://gitee.com/y_project/RuoYi-Vue 目 ...
Java精品项目源码第34期前后端分离系统游戏资讯信息管理系统
Java精品项目源码第34期前后端分离系统游戏资讯信息管理系统大家好,小辰今天给大家介绍一个前后端分离游戏资讯信息管理系统,演示视频公众号(小辰哥的java)对号查询观看即可文章目录 Java精品 ...
在 Spring Boot 前后端分离系统中集成 JustAuth 实现第三方账号登录？
" JustAuth 是一个开箱即用的整合第三方登录的开源组件,网上没有搜到它在前后端分离系统中的使用案例,本篇文章将以 QQ 登录为例为大家讲解该场景下的使用步骤,建议收藏 " ...
阿里服务器部署springboot+vue前后端分离项目
服务器部署springboot+vue前后端分离项目最近刚刚在实习熟悉公司的业务,所有尝试着自己将项目部署到服务器上.本次部署的项目是Spring Boot+Vue前后端分离项目,后端使用的技术有M ...
SpringSecurity - 前后端分离简单实战 - 环境准备
SpringSecurity 学习指南大全文章目录 SpringSecurity - 前后端分离简单实战 - 环境准备最好的理解方法环境准备技术前提项目架构项目创建项目配置数据库配置 ...
阿昌手摸手教你如何在服务器部署若依前后端分离版项目
如何在服务器部署若依项目一.下载若依项目网址:若依网址阿昌这次使用部署的是若依前后端分离版本为例子部署去github上下载若依通过git pull <上面的git地址>下载若依 ...
Docker部署若伊前后端分离项目到阿里云服务器
参考博客https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/120210424 将项目拉到本地前后端分离版本在服务器使用docker配 ...
前后端分离项目全环境搭建（Ruoyi框架）
记录一下在全新的电脑上搭建前后端分离项目的全过程,方便下次继续Copy.(以Ruoyi框架为例子进行操作) 目录前端 1.VsCode 2.NodeJs 后端 JDK idea Tomcat Mav ...
CC00042.CloudKubernetes——|KuberNetes二进制部署.V20|5台Server|——|kubernetes配置|生产环境关键性配置|
一.生产环境关键性配置 ### --- docker参数配置--所有节点 ~~~ docker参数:所有节点都需要更改.[root@k8s-master01 ~]# vim /etc/docker/d ...

部署若依前后端分离系统到生产环境

文章目录

一. 问题背景

二. 前期准备

三. 导入数据

三. 修改配置

3.1 修改数据库配置

3.2 修改后端端口号

3.2.1 修改后端工程中的后端端口号

3.2.2 修改前端工程中的后端端口号

3.3 修改前端端口号

3.4 开启端口号

四. 打包

4.1 打包后端

4.2 打包前端

五. 上传包

六. 配置nginx

七. 启动后端

八. 访问页面

部署若依前后端分离系统到生产环境相关推荐

最新文章

热门文章