Centos7 部署若依前后端分离项目

Trixie ·
更新时间:2024-09-21
· 982 次阅读

在这里插入图片描述

文章目录一、本地准备1. 克隆项目到本地2. 前端项目3. 后端项目4. nginx配置文件二、Centos7 环境准备2.1. 安装mysql并启动2.2. 安装redis并启动2.3. 安装nginx 和配置nginx.conf文件三、测试验证3.1. 上传准备好的文件3.2. 启动后端项目3.3. 登录验证.附上完整的nginx配置文件 一、本地准备 1. 克隆项目到本地 git clone git@gitee.com:y_project/RuoYi-Vue.git 2. 前端项目 #进入前端项目 cd C:\Users\Administrator\Desktop\RuoYi-Vue\ruoyi-ui # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 安装依赖 npm install # 构建生产环境 npm run build:prod

注:执行完成后在ruoyi-ui文件夹下面会生成
一个dist文件夹

3. 后端项目 #进入后端项目目录 cd C:\Users\Administrator\Desktop\RuoYi-Vue\ruoyi #maven编译打包 mvn clean install -DskipTests

注:执行完成后在C:\Users\Administrator\Desktop\RuoYi-Vue\ruoyi\target\文件夹下面会生成
一个ruoyi.jar文件

4. nginx配置文件

附件见:文章最后

需要修改的地方,我用红色标注了
在这里插入图片描述

二、Centos7 环境准备 2.1. 安装mysql并启动

https://gblfy.blog.csdn.net/article/details/90545281

2.2. 安装redis并启动

https://gblfy.blog.csdn.net/article/details/105375202

2.3. 安装nginx 和配置nginx.conf文件

https://gblfy.blog.csdn.net/article/details/105375345

安装完成后,接着配置nginx.conf文件

yum在线安装的nginx中间件, nginx.conf文件默认在
cd /etc/nginx目录下面,复制准备好的nginx.conf
接覆盖,然后,重启nginx即可

前提是:配置中的指定目录已经修改好了

三、测试验证 3.1. 上传准备好的文件

案例演示:
我把ruoyi.jar和dist都放到了/app下面
启动后端项目,为了方便监控日志,暂时采用前台启动

3.2. 启动后端项目 java -jar ruoyi.jar

附上:后台启动:nohup java -jar ruoyi.jar &

具体配置详见:https://gblfy.blog.csdn.net/article/details/103741182

3.3. 登录验证.

在这里插入图片描述
在这里插入图片描述

注:如果登录页面,不显示验证码,建议查看redis是够已经启动!

附上完整的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 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { root html/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 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; # } #} }
作者:gblfy



前后端分离 centos

需要 登录 后方可回复, 如果你还没有账号请 注册新账号