服务器|Springboot+redis+Vue在Linux服务器下进行部署 vue|linux|springboot

目录
一、Linux服务器部署需要下载的软件
二、本地Java代码和vue代码打包
1.Java代码打包
2.Vue代码打包
三、nginx配置
四、开放端口
1.Linux服务器防火墙开通端口号步骤
2.阿里云安全组开通端口号步骤
五、便捷办法

一、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 { includemime.types; #include luawaf.conf; include proxy.conf; default_typeapplication/octet-stream; server_names_hash_bucket_size 512; client_header_buffer_size 32k; large_client_header_buffers 4 32k; client_max_body_size 50m; sendfileon; 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_length1k; gzip_buffers4 16k; gzip_http_version 1.1; gzip_comp_level 2; gzip_typestext/plain application/javascript application/x-javascript text/javascript text/css application/xml; gzip_vary on; gzip_proxiedexpired 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 { listen80; server_namelocalhost; #charset koi8-r; #access_loglogs/host.access.logmain; location / { roothtml; indexindex.html index.htm; } location /nginx_status { allow 127.0.0.1; deny all; stub_status on; access_logoff; } } 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版进行可视化操作。
【服务器|Springboot+redis+Vue在Linux服务器下进行部署】