RuoYi-Vue部署服务器流程

这篇具有很好参考价值的文章主要介绍了RuoYi-Vue部署服务器流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

本文以腾讯云服务器+宝塔面板为例子,介绍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、服务器环境配置

1、宝塔面板-软件商店下载MySQL、Redis、Nginx并安装(这里下载的版本为MySQL 5.7,和部署的项目所使用的版本一致)宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

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

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

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

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

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

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

宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

5、Redis点击设置-性能调整,将绑定IP由127.0.0.1改为0.0.0.0,设置6379端口和其他信息,然后重启Redis.宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

6、Nginx点击设置-配置修改,复制下面代码,粘贴到输入框,点击保存,并且重载配置并启动。宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

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-ui
npm install --registry=https://registry.npmmirror.com
npm run build:prod

2.2、打包文件路径配置

这是前端代码打包后的生成的dist文件,将dist文件上传到服务器,新建一个目录project,存储在project目录下(dist文件存储路径需要和Nginx中配置的root路径相同)宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

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 数据库配置

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

url: jdbc:mysql://43.120.100.100:3306/ry-vue?characterEncoding=UTF-8
username: ry-vue
password: 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配置

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

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

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

3.3 打包后端代码jar包

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

宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

 宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

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

宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux

3.4 后端jar包启动

1、命令行启动

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

cd  /project
java -jar ruoyi-admin.jar

即可执行spring boot项目

2、宝塔启动

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

宝塔部署若依ruoyi-vue,RuoYi-Vue,服务器部署,服务器,运维,linux文章来源地址https://www.toymoban.com/news/detail-791881.html

到了这里,关于RuoYi-Vue部署服务器流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 如何把vue项目部署服务器(宝塔面板)上

    首先我们把准备好的vue项目进行打包: 输入命令:npm run build    生成dist文件   二、进入宝塔管理界面,点击网站,然后点击添加站点  三。按下面输入  点设置 四。 输入好点添加,注意!!!test.com 可以,有些已经有的不可以(如dada.com),且前面不能加www  (1)这里需要

    2024年02月12日
    浏览(66)
  • Vite打包Vue3项目,利用宝塔部署到服务器

    按照如图的配置,将vite.config.js的 base 改为  /dist/ 然后npm run build 就会得到左边的这个dist文件夹,这就是打包好的文件 创建项目以及项目配置 我在服务器安装的php是5.6版本的,其他版本可以自己试一下 解决刷新404问题 上传成功之后,文件目录结构是这样的 (顺序不一定要

    2024年04月13日
    浏览(84)
  • 华为云云服务器评测 宝塔+nginx 同时部署Springboot、Vue项目

    华为云云服务器评测 第一章 [linux实战] 华为云耀云服务器L实例 Java、node环境配置 华为云云服务器评测 第二章 [linux实战] Unbutnu添加SSH Key、启动Springboot项目 华为云云服务器评测 第三章 [linux实战] 使用Vue3、Element-plus菜单组件构建轮播图 华为云云服务器评测 第四章 [linux实战

    2024年02月10日
    浏览(62)
  • ruoyi vue部署服务器,点击刷新、登录主页、退出报404和nginx问题解决

    官网文档:前端手册 | RuoYi 步骤如下:有些特殊情况需要部署到子路径下,例如: https://www.ruoyi.vip/admin ,可以按照下面流程修改。 修改 layout/components/Navbar.vue 中的 location.href 修改 utils/request.js 中的 location.href 打开浏览器,输入: https://www.ruoyi.vip/admin  能正常访问和刷新表示

    2024年02月04日
    浏览(61)
  • 如何快速搭建自己的阿里云服务器(宝塔)并且部署springboot+vue项目(全网最全)

    对于新手或者学生党来说,有时候就想租一个云服务器来玩玩或者练练手,duck不必花那么多钱去租个服务器。这些云服务厂商对学生和新手还是相当友好的。下面将教你如何快速搭建自己的阿里云服务器,完成云服务器的部署。 现在阿里云对于新用户来说,还是挺仗义的,

    2024年02月04日
    浏览(84)
  • 使用宝塔面板部署Node.js+Mysql服务和Vue3-Admin项目到云服务器上

    准备工作 一台云服务器,可以先用免费试用一个月的服务器进行练手;我这里选择的是腾讯云的轻量云服务器; 1、在云服务器上安装宝塔面板 宝塔面板官网地址:https://www.kancloud.cn/chudong/bt2017/424209 1.1 安装Xshell脚本工具,通过这个工具来连接云服务器,进行宝塔面板的安装

    2024年01月25日
    浏览(56)
  • RuoYi-Vue前端部署,菜单点击无反应

    问题原因: 路由懒加载导致 现象: 登录功能正常,菜单点击无反应,F12查看无网络请求,控制台报错。 解决方法1: 修改permission.js文件 修改为   解决方法2:  (1)安装插件 npm install @babel/plugin-syntax-dynamic-import --save-dev (2)修改babel.config.js (3)正常打包发布。 

    2024年01月18日
    浏览(39)
  • 若依RuoYi-Vue项目部署(前后端分离版本)

    RuoYi 是一个后台管理系统,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf)主要目的让开发者注重专注业务,降低技术难度,从而节省人力成本,缩短项目周期,提高软件安全质量。 若依是作者给女儿取的名字(寓意:你若不离不弃,我必生死相依) 在线体验 若

    2023年04月08日
    浏览(54)
  • java+vue 前后端项目部署 服务器部署流程 包括nginx软件安装,服务器选择,域名配置

    现在的web端项目大多数都是java+vue前后端分离的项目,都需要分开来部署,基本上都是部署在云服务器上的,这就涉及到选择和购买服务器,以及安装环境,本文记录的是在机器上安装软件,不在docker和宝塔上安装。下面请看详细的步骤吧,都是自己在工作中使用过的,本人

    2024年02月13日
    浏览(60)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包