前后端联调学习日志

前后端联调

文章目录

• 一  前后端联调是什么?
• 二  怎么实现前后端的联调?
• 三  为什么 前端请求地址跟后端的不一致,也能联调? 
• 四  nigix的使用

一、前后端联调是什么？

     前后端联调是指前端开发人员和后端开发人员在开发过程中进行协作，确保前端页面和后端接口能够正确地进行数据交互和功能实现。在联调过程中，前端开发人员会调用后端提供的接口来获取数据或发送请求，然后对接口返回的数据进行处理，确保页面能够正确地显示所需的信息。同时，后端开发人员也会根据前端的需求来调整接口的返回数据格式和逻辑，以确保前后端的数据交互能够顺利进行。通过前后端联调，可以及时发现和解决前后端数据交互和功能实现中的问题，提高开发效率和产品质量。

---

二、怎么实现前后端联调

   浏览器通过nginx再到后端交互                                                                                                               

三、 为什么 前端请求地址跟后端的不一致,也能联调?

浏览器通过nginx反向代理然后传输给后端响应

通过代码可以发现,nginx把前端发出的请求转换成了后端的地址,即把前端发出的地址中含有api的拦截转换成所要转化的后端网址。

• 为什么要这么做?  

• 通过这样的方式有哪些好处?

nginx反向代理的好处:

• 提高访问速度
• 进行负载均衡
• 保证后端服务安全

 均衡负载

分配策略

通过轮换等方法进行分配，所谓轮换，按照你一份我一份的来分配，使得尽量的平均

四 、nigix的使用

如果你想通过Nginx反向代理将前端请求转发到后端服务器，你可以按照以下步骤进行设置：

1. 安装并配置Nginx：首先，确保你已经安装了Nginx并正确配置了基本的服务器设置。这包括设置监听端口、域名绑定等。

2. 配置反向代理：在Nginx配置文件中，找到你的服务器块（通常是/etc/nginx/nginx.conf或/etc/nginx/conf.d/default.conf）。在该块内部，添加以下配置来设置反向代理

location /api {
    proxy_pass http://backend_server_ip:backend_server_port;
}

 将backend_server_ip替换为你后端服务器的IP地址，将backend_server_port替换为你后端服务器的监听端口。这样配置后，所有以/api开头的请求都将被Nginx转发到后端服务器。

     3. 重新加载Nginx配置：保存配置文件后，使用以下命令重新加载Nginx配置使更改生效：

sudo nginx -s reload

• 这样，Nginx就会启动反向代理，并将前端的请求转发到后端服务器。

  请注意，上述示例将以/api为前缀的请求转发到后端服务器。你可以根据实际情况进行修改，以适应你的API路由配置。同时，还需要确保后端服务器正常运行并能够处理所转发的请求。