文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目

2023-09-03 13:53

关注
一、Ruoyi-Vue前后端分离项目结构

二、Redis部署

下载Windows版本Redis

在这里插入图片描述

解压缩到安装目录
在这里插入图片描述

在安装目录栏输入cmd,按回车键
在这里插入图片描述

将Redis绑定为 Windows 服务,设置为后台启动

redis-server --service-install redis.windows.conf --loglevel verbose

或者

redis-server --service-install redis.windows-service.conf --loglevel verbose

常用命令

启动服务

redis-server --service-start

停止服务

redis-server --service-stop

卸载命令

redis-server --service-uninstall

停止和启动也可以通过页面来操作

右键 此电脑 -->管理–>服务 --> 找到"Redis"

在这里插入图片描述

三、后端部署

项目下\RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml 下查看后端端口
在这里插入图片描述

打开项目文件夹下的bin目录,先执行clean.bat,再执行打包命令package.bat
在这里插入图片描述

后端打包成功后,jar包存放于项目目录\RuoYi-Vue\ruoyi-admin\target\ruoyi-admin.jar
在这里插入图片描述

查看Windows服务器上的jdk环境变量

右键 此电脑 -->属性–>高级系统设置 --> 环境变量 --> 系统变量

在这里插入图片描述

在jdk环境变量配置路径的bin目录下找到javaw.exe,复制一份修改成xxx.exe(名字任意取,原则和jar包的名称保持一致)

例如 D:\Java\jdk1.8.0_131\bin 下面将javaw.exe改成test-ruoyi-admin.exe

在这里插入图片描述

编写执行启动的bat脚本文件,首先需要将jar包放到自己的工作目录下,同时在此目录下新建一个启动脚本:start-ruoyi-admin.bat

注意启动脚本,jar包要放在同一个目录

@echo offstart test-ruoyi-admin -jar D:\test\ruoyi-admin.jar >> D:\test\log  &exit

内容说明

内容说明
test-ruoyi-admin第5步在jdk的bin目录下自定义的文件
D:\test\ruoyi-admin.jarjar包存放的绝对路径
D:\test\log &为log日志存储路径

文件结构
在这里插入图片描述

启动脚本,右键,以管理员身份运行
在这里插入图片描述

打开任务管理器,查看自己的程序进程号
在这里插入图片描述

四、前端部署

vue.config.js文件下修改前端端口

默认是80端口,但不推荐使用80端口。因为80端口在部署到服务器上和nginx可能存在占用等问题

target的url和端口要和服务器上能访问到的后台接口一致

在这里插入图片描述

打开项目文件夹下的D:\workspace\RuoYi-Vue\ruoyi-ui\bin目录,执行打包命令build.bat
在这里插入图片描述

生成dist文件 ,前端打包成功
在这里插入图片描述

五、nginx部署

进入nginx官网,下载自己所需的版本
在这里插入图片描述

打开解压后文件,修改配置文件
在这里插入图片描述
在这里插入图片描述

#user  nobody;worker_processes  1;#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {    worker_connections  1024;}http {    include       mime.types;    default_type  application/octet-stream;    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '    #                  '$status $body_bytes_sent "$http_referer" '    #                  '"$http_user_agent" "$http_x_forwarded_for"';    #access_log  logs/access.log  main;    sendfile        on;    #tcp_nopush     on;    #keepalive_timeout  0;    keepalive_timeout  65;    #gzip  on;    server {        # listen下的端口就是代理前的接口,要与前面前端项目的vue.config.js中的端口一致        listen       8800;         # server_name是部署项目的服务器ip,即使是使用的本地也建议不要用localhost,避免修改hosts文件导致的问题        server_name  localhost;        #charset koi8-r;        #access_log  logs/host.access.log  main;        # location /下面配置的就是代理前前端静态资源的路径等        location / {            # root 对应的就是在服务器上前端资源的dist目录的全路径,即代表根路径            root   D:/workspace/RuoYi-Vue/ruoyi-ui/dist;            # 保持默认不要更改,防止404和入口页面try_files $uri $uri/ /index.html;            index  index.html index.htm;        }        # location /prod-api/ 是配置的代理后的地址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就是设置的代理后的地址,即自己服务器后台接口的url   proxy_pass http://localhost:8080/;}        #error_page  404              /404.html;        # redirect server error pages to the static page /50x.html        #        error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }        # proxy the PHP scripts to Apache listening on 127.0.0.1:80        #        #location ~ \.php$ {        #    proxy_pass   http://127.0.0.1;        #}        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000        #        #location ~ \.php$ {        #    root           html;        #    fastcgi_pass   127.0.0.1:9000;        #    fastcgi_index  index.php;        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;        #    include        fastcgi_params;        #}        # deny access to .htaccess files, if Apache's document root        # concurs with nginx's one        #        #location ~ /\.ht {        #    deny  all;        #}    }    # another virtual host using mix of IP-, name-, and port-based configuration    #    #server {    #    listen       8000;    #    listen       somename:8080;    #    server_name  somename  alias  another.alias;    #    location / {    #        root   html;    #        index  index.html index.htm;    #    }    #}    # HTTPS server    #    #server {    #    listen       443 ssl;    #    server_name  localhost;    #    ssl_certificate      cert.pem;    #    ssl_certificate_key  cert.key;    #    ssl_session_cache    shared:SSL:1m;    #    ssl_session_timeout  5m;    #    ssl_ciphers  HIGH:!aNULL:!MD5;    #    ssl_prefer_server_ciphers  on;    #    location / {    #        root   html;    #        index  index.html index.htm;    #    }    #}}

只要是通过http://localhost/8800/发送过来的请求全部会被代理到http://localhost:8080/。这样就能实现前后端项目的请求代理

常用命令

常用命令说明
start nginx启动命令
nginx.exe -s stop强制停止命令
nginx.exe -s reload重启命令

在这里插入图片描述

六、部署完成

部署完成,浏览器输入http://localhost/8800,登录系统

在这里插入图片描述

常见问题:端口占用
①查找被占用的端口

# 查找使用的端口netstat -ano# 查找指定的端口netstat -ano |findstr 1883

在这里插入图片描述

②停止端口

# 停用端口taskkill -PID 8984 -F# 查看占用此端口的进程,在任务管理器中强制结束tasklist|findstr 8984

来源地址:https://blog.csdn.net/qq_40183977/article/details/130001512

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-服务器
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯