全栈小白的gravatar头像
全栈小白 2023-04-18 15:04:34

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

项目描述

该案例讲述如何使用docker将SpringBoot项目部署至Linux服务器上

运行环境

jdk8+mysql5.7+IntelliJ IDEA+maven

项目技术(必填)

spring+spring mvc+mybatis+vue

数据库文件(可选)

链接: https://pan.baidu.com/s/1YfJfH7YtNqxInyRk-vT18Q?pwd=v5e9 提取码: v5e9

依赖包文件(可选)

链接: https://pan.baidu.com/s/19aP_UVAu5ZAWVW3txXNPBw?pwd=td3e 提取码: td3e

是否原创(转载必填原文地址)

原创

项目截图(必填)

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

运行截图(必填)

http://localhost/

电子图书列表

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

新增电子图书

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

按分类搜索

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

接口请求地址:

http://localhost/api/category/list

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

http://localhost:2023/category/list

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

http://localhost/api/book/list/1/5/-1

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

http://localhost:2023/book/list/1/5/-1Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

注意事项(可选)

1、部署步骤见源码中的:【docker】- docker-compose实战之SpringBoot前后端分离项目部署.pdf

2、也通过nginx运行静态文件,并转发/api的接口请求到springboot后端,nginx.conf配置如下

    server {
        listen       80;
        server_name  localhost;
		
		
        location /api {
			proxy_pass                      http://127.0.0.1:2023/;
			proxy_set_header        Host $host;
			proxy_set_header        X-Real-IP $remote_addr;
			proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
			break;
		}
		
		location / {
			root html;
		}
    }

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

Spring Boot+vue项目通过docker-compose部署案例分享(前后端分离)

 


打赏

已有1人打赏

最代码官方的gravatar头像

文件名:【docker】- docker-compose实战之前后端分离项目部署.zip,文件大小:694.357K 下载
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友