Springboot+redis+Vue在Linux服务器下进行部署

Linux服务器远程部署Springboot+redis+Vue项目

wang_jacky

2686人浏览 · 2022-04-22 18:06:42

wang_jacky · 2022-04-22 18:06:42 发布

一、Linux服务器部署需要下载的软件

1.jdk（我的jdk是1.8）

2.redis（我的redis是5.0.10）

3.nginx（我用的nginx是1.21.1）

4.mysql（我用的MySQL是5.6版本）

5.宝塔(可选)

二、本地Java代码和vue代码打包

1.Java代码打包

1).Java代码中，在application.yml文件中修改好远程mysql的url地址、账户密码（这个三个都是自定义的）。同时记住你后端的端口是多少。

url: jdbc:mysql://localhost:3306/stock?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf8
username: root
password: 123456

2).Maven对Java代码进行打包

最后会在你的后端项目里的target文件夹下生成一个exampleProject.jar包，exampleProject.jar包就是需要部署的后端文件

2.Vue代码打包

1）通过package.json里的scripts找到对应的build，在终端输入npm run build

2）最后会在你的前端项目里生成一个dist文件夹，该文件夹里面就是需要部署的前端文件

三、nginx配置

去nginx官网下载：nginx news

将下载下来的conf文件夹下的 nginx.conf文件全部替换成下面的代码。

worker_processes auto;
worker_rlimit_nofile 51200;
events
{
	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  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }
		location /nginx_status {  
        	allow 127.0.0.1;
            deny all;
            stub_status on;  
            access_log  off;  
        }  
    }
    include vhost/*.conf; 
    #加载vhost目录下的虚拟主机配置文件
}

需要改一下listen和server_name，listen的端口不能和后端端口一致，不然会发生端口冲突问题;并将前端dist文件夹下的文件全部复制到nginx的html文件夹下

这样前端便是部署好了。

四、开放端口

Linux需要在Linux服务器的防火墙开通端口号；在阿里云安全组开通端口号。

1.Linux服务器防火墙开通端口号步骤

1）打开Linux服务器终端命令行，查询防火墙开放的所有端口号中是否有你的nginx监听端口和你的Java后端端口(假设后端端口为8012)；

//查询服务器防火墙所有开放的端口号
firewall-cmd --zone=public --list-ports

若查询的结果中有"8012/tcp"，说明你的后端端口号在服务器中已经被其他项目给占用，需要你修改前后端端口号，重新打包上传。

2）若在上述查询结果中没有"8012/tcp"，则开始添加后端端口号8012

//服务器防火墙开放指定端口号
firewall-cmd --add-port=8012/tcp --permanent

出现如下结果便是开放成功

3）服务器防火墙重载

//服务器防火墙重载
firewall-cmd --reload

出现如下结果便是重载成功

4）查询后端端口号是否添加成功

//查询防火墙中指定端口号是否开放成功
firewall-cmd --query-port=8012/tcp

出现如下结果便是添加成功

nginx监听端口号也是同样的添加方法。

2.阿里云安全组开通端口号步骤

1）登录阿里云，点击安全组

2）点击配置规则

3）点击手动添加，添加需要开通放行的端口(你的nginx监听端口，你的Java后端端口)

至此，便可以你的Linux服务器就部署完成，可以通过公网IP:nginx的监听端口（例如：123.123.123.123:80 由于我的nginx监听端口是80，则端口号可以不用输入，直接通过公网IP直接访问）来访问你的外网网页了。

五、便捷办法

可以安装宝塔Linux版进行可视化操作。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^