若依項目部署到服務器

時間 2021-04-09

標籤 javascript css html 前端 vue java node nginx web sql 欄目 JavaScript 简体版

原文原文鏈接

1、部署前工做

在阿里雲服務器上安裝centos7javascript

centos7以上應該均可以（我本身的是7）css

能夠經過命令查看本身的版本html

cat /etc/redhat-release 查看CentOS版本前端

隨後安裝好如下軟件（如下是我安裝的版本，能夠參考）vue

JDK1.8
Maven3.6
Mysql（5.5.62）
Nginx（1.19.8）
Redis（6.2.1）

以上軟件買過阿里雲服務器以後是能夠在寶塔的界面下載並控制的。java

2、配置修改以後端

一、修改數據庫

二、修改端口號和文件路徑

三、修改Redis

四、配置數據庫

個人數據庫名字是 ry-vue，在上面的截圖中是能夠看見的node

將項目中的SQL文件夾中的兩個文件導入到數據庫中。nginx

（注意，由於上面數據庫的配置咱們改成了服務器的IP，因此要導入到服務器的數據庫中哦。）web

五、打包

在若依的bin目錄下是有一個package.bat文件的，雙擊運行sql

（方案一）

本地打包成功，隨後在這個文件夾下執行cmd命令。

而後會讓你輸入root用戶的密碼輸入便可。隨後會有一個上傳的百分比進度條。jar包到此爲止上傳成功。

（方案二）

也是我經常使用的。FTP、FileZilla或者FinalShell均可以，我用的的是FinalShell

3、配置修改以前端

完成圖片中的這幾步，下載淘寶鏡像，本地運行確保沒問題。

在ruoyi-ui文件夾下運行下面兩行命令（前提是要下載node）

npm install --registry=https://registry.npm.taobao.org

npm run dev

另外下圖這個配置修改。（本地跑的話是要改下面張圖的，若是是服務器那麼就不須要）

咱們暫時修改。

本地npm run dev以後的效果，接口500是由於沒啓動本地後端。

而後就能夠打包了，還在ruoyi-ui文件夾下執行 npm run build:prod

打包成功以後。這裏會出現一個dist文件夾

將這個文件夾上傳至服務器，方法跟jar包的同樣。

個人jar包和前端的包放在一個文件夾下面

到此爲止，前端和後端的包都已經部署完畢。

4、配置Nginx

主要看server塊中的配置，其餘不用看。

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
        #include luawaf.conf;

        include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
        fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
        limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        listen 80;
        server_name xxx.xxx.xxx.xxx; # 這裏是你的服務器IP地址

        location / {
            root   /home/web/dist;  # 前端工程的目錄
            index  index.html;  # 前端頁面
            try_files $uri $uri/ /index.html;
        }
        
        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:9000/;
        }
        
        location ~ /\.
        {
            deny all;
        }

        access_log  /www/wwwlogs/access.log;
    }
include /www/server/panel/vhost/nginx/*.conf;
}