用宝塔在ubuntu上部署若依前后端分离项目

最新推荐文章于 2024-09-12 18:08:28 发布

一个搞全栈的躺平选手

最新推荐文章于 2024-09-12 18:08:28 发布

阅读量220

点赞数 5

文章标签： ubuntu linux 运维 ruoyi

本文链接：https://blog.csdn.net/m0_73699652/article/details/140957637

版权

1.安装ubuntu

2.安装宝塔面板

3.宝塔中安装基础工具（正片开始）

3.1选择LNMP进行安装

3.2在软件商店中直接搜索redis并安装redis（默认选择最新版）

4.等待安装完成

5.创建数据库

记住数据库名和密码，以及root用户的密码（需要在后端的配置文件中进行配置，略过）

同时在建库的时候需要将若依配套的sql文件上传上去

6.后端项目打包

6.1 后端打包

6.1.1 先进行clean

6.1.2 进行package打包

6.2 前端打包

6.2.1 使用命令进行打包

npm run build:prod

打包前记得 npm i

打包完成后会有dist文件夹，用宝塔的文件管理或者熟悉的ftp工具进行上传到

/www/server/nginx/html

7.配置nginx

7.1 路径

/www/server/nginx/conf/nginx.conf

7.2 我的完整的nginx的配置文件

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;

stream {
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

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

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

		include proxy.conf;
        lua_package_path "/www/server/nginx/lib/lua/?.lua;;";

        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 application/json image/jpeg image/gif image/png font/ttf font/otf image/svg+xml application/xml+rss text/x-js;
        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;

        location / {
            root   html/dist;
            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:8080/;
        }
      
    }
include /www/server/panel/vhost/nginx/*.conf;
}

上面的内容我也不知道是啥，重要配置就是server部分，端口的话根据你自己的需要进行修改

注：整个部署在虚拟机中进行，虚拟机网卡用的nat，访问用的windows11（真机）

下面是实现后的截图