若依前后端分離項目部署


該篇文章是若依前后端分離項目部署,可以先從前面的

此處為語雀內容卡片,點擊鏈接查看:https://www.yuque.com/xihuanxiaorang/kgmgfz/sx568u

文章開始。

1、安裝redis

1、搜索redis鏡像

docker search redis

img

2、拉取最新版本的redis鏡像

docker pull redis:latest

img

3、查看鏡像

docker images

img

4、啟動鏡像

docker run -itd --name redis -p 6379:6379 redis

使用docker ps查看正在運行的容器

img

5、進入redis容器

docker exec -it redis /bin/bash
redis-cli

img

6、使用AnotherRedisDestopManager連接redis

如果連接報錯,請確保服務器的安全組中開啟6379端口。

img

img

2、安裝nodejs

1、進入官網下載最新的nodejs

img

2、下載完之后通過xftp上傳壓縮包到服務器

img

3、解壓並移動文件夾到/data/service目錄

tar -zxvf node-v14.15.5-linux-x64.tar.gz
mv node-v14.15.5-linux-x64 /data/service
cd /data/service
ll

img

4、配置環境變量

vim /etc/profile
export NODEJS_HOME=/data/service/node-v14.15.5-linux-x64
export PATH=$PATH:$NODEJS_HOME/bin

使環境變量生效

source /etc/profile

檢查是否配置成功

node -v

img

5、設置npm鏡像源

#設置淘寶鏡像源
npm config set registry https://registry.npm.taobao.org
#升級npm
npm -g install npm
#查看npm配置
npm config list

img

6、安裝yarn以及設置鏡像源

#安裝yarn
npm install -g yarn
#查看版本號
yarn -v
#設置淘寶鏡像源
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
#查看yarn配置
yarn config list

img

3、安裝nginx

1、進入官網下載最新的穩定版ngnix

img

2、下載完之后通過xftp上傳壓縮包到服務器

img

3、解壓編譯安裝nginx

首先安裝依賴

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel
cd /data/tmp
tar zxvf nginx-1.18.0.tar.gz
cd nginx-1.18.0
./configure --prefix=/data/service/ngnix
make && make install

4、啟動ngnix

#啟動ngnix
/data/service/ngnix/sbin/nginx
#停止ngnix
/data/service/ngnix/sbin/nginx -s quit
#重啟ngnix
/data/service/ngnix/sbin/nginx -s reload

如果訪問不成功,請確保服務器的安全組中開啟80端口。

img

img

4、運行項目准備

1、拉取代碼

cd /data/gitee
git clone git@gitee.com:y_project/RuoYi-Vue.git

img

2、創建數據庫以及數據庫表

使用navicat連接,創建數據庫 ry-vue 以及執行 quartz.sqlry_20210210.sql 腳本。

img

img

img

img

3、修改項目配置

cd /data/gitee/RuoYi-Vue/ruoyi-admin/src/main/resources/
#修改application.yml的項目啟動端口號與文件上傳路徑
vim application.yml
#修改application-druid.yml的數據源
vim application-druid.yml
profile: /data/tmp
port: 18081

img

# 主庫數據源
master:
	url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
	username: root
	password: 123456

img

4、將項目打成jar包

cd /data/gitee/RuoYi-Vue/
mvn clean install -pl com.ruoyi:ruoyi-admin -am

5、啟動后端項目

mkdir -p /data/app/ruoyi-vue
cp /data/gitee/RuoYi-Vue/ruoyi-admin/target/ruoyi-admin.jar /data/app/ruoyi-vue/ruoyi-admin.jar
cd /data/app/ruoyi-vue/
#后台啟動項目
nohup java -jar ruoyi-admin.jar &
#查看項目運行日志
tail -f nohup.out

如果查看日志的時候,出現18081端口被使用,則表示還有其他應用占用了該端口,關閉應用之后再重新啟動即可。

#列出后台進程
ps -ef | grep java
#殺死進程
kill -9 pid

img

6、啟動前端項目

1、下載依賴並打包

cd /data/gitee/RuoYi-Vue/ruoyi-ui
#下載依賴
yarn install
# 打包正式環境
yarn run build:prod

mkdir /data/app/ruoyi-ui
mv dist/* /data/app/ruoyi-ui/

img

2、配置ngnix配置文件

vim /data/service/ngnix/conf/nginx.conf
location / {
  root   /data/app/ruoyi-ui;
  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:18081/;
}

3、訪問項目

img


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM