返回顶部
首页 > 资讯 > 服务器 >RuoYi-Vue部署服务器流程
  • 824
分享到

RuoYi-Vue部署服务器流程

服务器运维linux 2023-09-29 10:09:40 824人浏览 泡泡鱼
摘要

本文以腾讯云服务器+宝塔面板为例子,介绍RuoYi-Vue分离版本的服务器部署流程,如在部署过程中遇到问题或有什么好的建议,欢迎在评论区留言 目录 1、服务器环境配置 2、vue项目打包 2.1、前端项目打包 2.2、打包文件路径配置

本文以腾讯云服务器+宝塔面板为例子,介绍RuoYi-Vue分离版本的服务器部署流程,如在部署过程中遇到问题或有什么好的建议,欢迎在评论区留言

目录

1、服务器环境配置

2、vue项目打包

2.1、前端项目打包

2.2、打包文件路径配置

2.3、前端部署测试

3、Spring Boot项目打包部署

3.1 数据库配置

3.2 Redis配置

3.3 打包后端代码jar包

3.4 后端jar包启动


1、服务器环境配置

宝塔面板-软件商店下载MysqlRedisNginx并安装(这里下载的版本为mysql 5.7,和部署的项目所使用的版本一致)

开启服务器6379(Redis端口)、3306(Mysql数据库端口)、80(Vue项目前端访问端口)、8088端口(后端端口)(腾讯云轻量应用服务器,在防火墙添加规则)和宝塔面板添加端口规则,开启之后用 网站端口扫描工具 测试端口连通性。

先停止MySQL服务、点击设置、在宝塔的配置文件中在 [mysqld] 中添加 skip-grant-tables 保存,并且重载配置并启动。因为有些在连接MySQL时出现这个报错Access denied for user 'root'@'localhost'(using passWord: YES);所以需要这样配置;

(配置之后重新设置mysql admin密码之后记得要删除skip-grant-tables,将my.ini文件中加入的跳过权限语句删除或加#号注释。重启服务,使用修改后的密码登录即可)

宝塔面板-数据库添加数据库,填写好数据库名、用户名、密码,点击导入,上传本地转储数据库数据库sql文件,导入数据库。

1 )用户名不能为root,因为安装宝塔和mysql数据库的时候默认就会创建了root账户和密码,这个是超级权限的用户名密码,一般程序中不推荐使用root账号和密码链接数据库

2 )数据库名长度不能超过16,可以通过PHPMyAdmin手动创建或者在终端通过mysql命令行创建

Redis点击设置-性能调整,将绑定IP由127.0.0.1改为0.0.0.0,设置6379端口和其他信息,然后重启Redis.

Nginx点击设置-配置修改,复制下面代码,粘贴到输入框,点击保存,并且重载配置并启动。

user  root;worker_processes  1;error_log  /www/wwwlogs/nginx_error.log  crit;pid        /www/server/nginx/logs/nginx.pid;worker_rlimit_nofile 51200;events {    worker_connections  1024;}Http {    include       mime.types;    default_type  application/octet-stream;    sendfile        on;    keepalive_timeout  65;    server {        listen       80;   //前端端口        server_name  localhost;            charset utf-8;    location / {            root   /project/dist;  //前端打包文件存储路径          try_files $uri $uri/ /index.html;            index  index.html index.htm;        }    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:8080/;  //后端访问路径    }        error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }    }}

2、vue项目打包

2.1、前端项目打包

依次输入如下命令,进入ruoyi-ui文件夹,并对前端代码进行打包,生成一个dist文件夹,

建议不要用直接使用cnpm 安装,会有各种诡异的 bug,可以通过重新指定 reGIStry 来解决 npm 安装速度慢的问题。

cd ruoyi-uinpm install --registry=https://registry.npmmirror.comnpm run build:prod

2.2、打包文件路径配置

这是前端代码打包后的生成的dist文件,将dist文件上传到服务器,新建一个目录project,存储在project目录下(dist文件存储路径需要和Nginx中配置的root路径相同)

2.3、前端部署测试

测试效果,访问服务器地址:80(比如http://43.120.100.100:80),看到登录页即部署成功

问题:CSS样式如果改变或者不正常显示,大概率因为前端文件被加密,打包的dist文件中有未加密的版本(同名的gz文件)

可能用到的linux命令:

find . -name "*.java" |xargs rm -rfv   //删除目录下所有.java后缀的文件for gz in *.gz; do gunzip $gz; done    //解压目录下所有.gz后缀的文件

3、spring Boot项目打包部署

3.1 数据库配置

在项目文件中更改application-druid.yml,修改一下数据库的地址,地址不能再是localhost了,如图(服务器地址:43.120.100.100),本地运行系统测试数据库连接是否成功,

url: jdbc:mysql://43.120.100.100:3306/ry-vue?characterEncoding=UTF-8username: ry-vuepassword: ycY7rSJc6Mt487C

问题1:

项目启动报错:null,  message from server: "Host '223.73.185.219' is not allowed to connect to this MySQL server",连接远程服务器数据库失败,

宝塔面板-终端执行命令:

cd /www/server/mysql/bin    //进入mysql目录mysql -u root -p    //输入密码登录use mysql  select  user,host from user;update user set host = '%' where user='root';flush privileges;  //刷新权限

最后重启一下mysql即可;

3.2 Redis配置

在项目文件中更改application.yml,修改一下Redis配置信息(服务器地址43.120.100.100),如图,本地运行系统测试远程Redis连接是否成功。

  # redis 配置  redis:    # 地址    host: 43.120.100.100    # 端口,默认为6379    port: 6379    # 数据库索引    database: 0    # 密码    password: 123654

在logback.xml中,找到日志存放路径,value修改为你存放日志的目录,可以在之前创建的project文件夹中建一个logs文件夹,则填为value=”/project/logs“

3.3 打包后端代码jar

利用若依提供的打包方法。进入下载的项目文件夹中的bin目录下,直接双击执行package.bat,它会直接在项目中生成target文件夹,里面包含以及打包好的jar包。我们要使用的是ruoyi-admin文件夹下的target里的jar包。运行package.bat需要marven环境>=3.0,如下图操作顺序:

 

将ruoyi-admin文件夹下的target里的jar包上传到服务器

3.4 后端jar包启动

命令行启动

找到ruoyi-admin.jar文件的位置,(比如 /project/ruoyi-admin.jar),在终端执行命令:

cd  /projectjava -jar ruoyi-admin.jar

即可执行spring boot项目

宝塔启动

宝塔-网站,点击添加JAVA项目,选择上传的ruoyi-admin.jar,设置项目端口为8080,选择项目jdk,提交启动项目。

来源地址:https://blog.csdn.net/weixin_44220970/article/details/127922354

--结束END--

本文标题: RuoYi-Vue部署服务器流程

本文链接: https://lsjlt.com/news/421329.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • RuoYi-Vue部署服务器流程
    本文以腾讯云服务器+宝塔面板为例子,介绍RuoYi-Vue分离版本的服务器部署流程,如在部署过程中遇到问题或有什么好的建议,欢迎在评论区留言 目录 1、服务器环境配置 2、vue项目打包 2.1、前端项目打包 2.2、打包文件路径配置...
    99+
    2023-09-29
    服务器 运维 linux
  • 【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目
    一、Ruoyi-Vue前后端分离项目结构 二、Redis部署 下载Windows版本Redis 解压缩到安装目录 在安装目录栏输入cmd,按回车键 将Redis绑定为 Windows 服务,设...
    99+
    2023-09-03
    windows 服务器 vue.js java
  • phpstudy+windows下部署RuoYi-Vue 前端分离版
    论搭环境还是PHP的工具方便 下载安装phpstudy 小皮面板(phpstudy) - 让天下没有难配的服务器环境! 安装并启动mysql、nginx、redis  配置好各自的账号、密码、端口,和若依目录\ruoyi-admin\src...
    99+
    2023-09-17
    前端 nginx php java
  • 申请云服务器部署流程
    确定服务器的位置:需要根据公司的业务需求,确定服务器的位置,例如数据库服务器、网络设备和应用服务器等。 准备必要的技术知识:需要掌握服务器相关的技术,例如网络技术、数据库、安全技术等,以便能够进行服务器的部署和维护。 选择服务器:需要选择...
    99+
    2023-10-26
    流程 服务器
  • 私有云服务器部署流程
    私有云服务器部署是指在云端将您的数据、应用程序和服务部署到互联网上的服务。以下是一个基本的云服务器部署流程的描述: 选择云计算平台 在选择云计算平台时,您可以考虑几个因素,例如可用性、可靠性、安全性和性能。可以通过访问云计算平台官方网...
    99+
    2023-10-26
    流程 服务器
  • 阿里云部署服务器流程图
    本文将详细解释如何在阿里云上部署服务器,包括创建阿里云账号、选择实例类型和配置、购买服务器、设置安全组、安装操作系统、配置网络环境等步骤。文章将采用流程图的形式清晰地展示整个过程,方便读者理解和操作。 一、创建阿里云账号在阿里云官网首页,点...
    99+
    2024-01-25
    阿里 流程图 服务器
  • aarch64服务器部署mysql的流程分析
    目录aarch64服务器-部署mysql1、创建工作目录2、编写docker-compose.yaml3、编写数据库配置文件。4、启动5、测试一. 创建用户二. 授权:三. 授权:aarch64服务器-部署mysql a...
    99+
    2024-04-02
  • 个人服务器部署流程是什么
    个人服务器部署流程通常包括以下步骤:1.选择服务器:选择适合自己需求的服务器,并购买相应的主机。2.安装操作系统:根据服务器的硬件配...
    99+
    2023-05-31
    服务器部署 服务器
  • vue怎么部署服务器
    这篇文章主要介绍了vue怎么部署服务器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue怎么部署服务器文章都会有所收获,下面我们一起来看看吧。 部署前端项目vue到服务器 ...
    99+
    2024-04-02
  • vue项目打包部署流程分析
    目录一、打包二、部署三、部署多个项目一、打包 (可选)去除打包后会生成的map文件:在vue.config.js中添加productionSourceMap: false, map...
    99+
    2024-04-02
  • CentOS7LAMP部署流程
    (1)配置概要:  1、 172.18.17.7主机运行httpd+php服务(php为模块工作模式)  配置两台虚拟主机:wordpress个人博客系统、PHPmyadmin远程控制m...
    99+
    2024-04-02
  • 项目上线部署--》服务器部署流程(二)安装Nginx、Node.js、MySQL
    阅读本篇文章前请先阅读项目上线部署--》服务器部署流程(一)  目录 🌟安装Nginx 先登录远程服务器,安装依赖包 下载并解压包  🌟安装Node.js  安装nodejs进程管理工具  🌟...
    99+
    2023-09-30
    javascript node.js 服务器 nginx
  • 服务器部署项目的流程是什么
    服务器部署项目的流程通常如下:1. 确定服务器环境:确定服务器的操作系统、数据库、Web服务器等环境,以及相应的版本和配置信息。2....
    99+
    2023-06-06
    服务器部署 服务器
  • 申请云服务器部署流程是什么
    云服务器部署流程通常包括以下步骤: 确定云服务器的可用性:了解云服务器的可用性需求。例如,如果用户使用 Amazon Web Services,则需要确保 Web 服务器、数据库和其他资源都是可用的。 选择云服务器供应商:选择一家在行业...
    99+
    2023-10-26
    流程 服务器
  • 申请云服务器部署流程怎么写
    写云服务器部署流程可以根据你的实际情况进行调整,但是一般来说,以下是一个常见的流程: 确定部署所需的资源:你需要决定哪种云服务器适合你的需求。这可能包括服务器的类型、数量,以及你需要的存储容量和网络带宽等。 制定云服务器的配置需求:根据...
    99+
    2023-10-26
    流程 服务器
  • 私有云服务器部署流程是什么
    私有云服务器部署流程如下: 确定云服务器的类型和配置:选择适合您的业务应用场景和需要的云服务器配置。 配置云服务器和应用:根据您选择的云服务器类型和配置,准备云服务器的软件和配置文件。 将数据存储到云服务器中:将您的应用程序和数据分发到...
    99+
    2023-10-27
    流程 服务器
  • apache服务器部署vue项目
    随着前端开发技术的迅速发展,越来越多的静态页面项目被打包成了SPA(Single Page Application,即单页应用),而Vue.js作为其中的佼佼者,便成为了越来越多前端开发者的首选。Vue.js的部署方式有很多,其中一个比较常...
    99+
    2023-05-24
  • 云服务器部署vue项目
    Vue是一种轻量级框架,可以在Web应用程序中使用。以下是一个简单的Vue项目(示例): 安装Vue Vue可以很容易地安装在Python 2.6或更高版本上。请确保您已经安装了Python和Vue模块,以便您可以使用它来创建和运行V...
    99+
    2023-10-26
    服务器 项目 vue
  • 若依框架(RuoYI)项目打包(jar)方法,部署到 Linux 服务器
    序言 在若依框架的 bin 目录下,存在着三个 bat 文件,一个是清除之前的依赖的自动化 bat 脚本(clean.bat),一个是自动化项目打包的 bat 脚本(package.bat),一个是运行若依项目的脚本(run.bat) 步...
    99+
    2023-08-18
    服务器 jar linux 后端
  • java+vue 前后端项目部署 服务器部署流程 包括nginx软件安装,服务器选择,域名配置
    文章目录 前言一、讲解部署java和vue前端项目的详细部署流程1 java端部署2 vue前端部署 二、服务器选择1.阿里云1.11.2 三、软件安装四、jar包部署五、vue...
    99+
    2023-09-17
    java 服务器 linux nginx centos
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作