前后端分离项目的部署

 本次项目的项目架构图:

Nginx主要部署的是 项目的静态资源,即前端项目。通过Nginx的反向代理,将请求发给Tomcat服务器。然后获取数据通过MySQL的主从复制,主库负责更新数据,从库负责查询数据,实现读写分离,redis是将数据存放在缓存里面,让用户更高效的获取数据,同时也降低了,MySQL的负载。

部署环境说明:

        服务器:192.168.138.100(服务器A)

                                Nginx:部署前端项目,配置反向代理。

                                 MySQL:主从复制的主库

        192.168.138.101(服务器B)

                                 jdk:运行Java项目

                                 git:版本控制

                                  maven:项目构建工具

                                  jar:springboot项目打成jar包基于内置的tomcat运行

                                  MySQL:主从复制的从库。

       172.17.2.94(服务器c)

                                 redis:缓存中间件。

   前端项目部署: 

对Nginx进行配置,主要对location进行配置,

 此处的html/dist  的index.html 是本项目的主页,不是Nginx的主页。

然后对反向代理进行配置:

  其中 rewrite 是起到一个截取请求路径 的作用,

 

在前端请求中多了一个 api路径 所以是请求不到后端服务的,所以需要对请求进行截取,把api给去掉,完整的就是  http://192.168.138.101/employee/login 这才是完整的请求。

后端部署配置:

 在配置好环境后,编写一个脚本,自动化部署。

 

 修改项目权限

执行脚本 即可。

前后端分离项目部署需要分别部署前端和后端,通常前端部署在 Web 服务器上,而后端则需要部署在应用服务器上。下面是一个简单的前后端分离项目部署流程: 1. 部署前端:将前端代码打包成静态文件,然后上传到 Web 服务器上。常见的 Web 服务器有 Nginx 和 Apache,你可以选择其中一个来部署你的前端代码。 2. 部署后端:将后端代码打包成 Jar 包或者 War 包,然后将其部署到应用服务器上。常见的应用服务器有 Tomcat 和 JBoss,你可以选择其中一个来部署你的后端代码。 3. 配置反向代理:为了让前端能够访问后端接口,你需要在 Web 服务器上配置反向代理。反向代理的作用是将所有的 API 请求转发到后端服务器上。如果使用 Nginx,可以使用以下配置: ```nginx server { listen 80; server_name example.com; location /api { proxy_pass http://localhost:8080; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location / { root /path/to/your/frontend; try_files $uri /index.html; } } ``` 这个配置中,所有以 `/api` 开头的请求都会被转发到后端服务器上,而其他请求则会返回前端页面。 4. 配置数据库:如果你的后端代码需要使用数据库,你需要在应用服务器上安装并配置数据库。常见的数据库有 MySQL 和 PostgreSQL,你可以选择其中一个来作为你的后端数据库。 5. 配置环境变量:为了保护敏感信息,如数据库密码等,你可以将其存储在环境变量中,然后在代码中读取。你需要在应用服务器上设置这些环境变量,以便你的后端代码能够读取它们。 6. 启动服务:最后,你需要在应用服务器上启动后端服务。你可以使用命令行或者脚本来启动应用服务器,具体方法取决于你使用的应用服务器和操作系统。 以上是一个简单的前后端分离项目部署流程,具体细节还需要根据你的实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值