项目开发01-nginx的使用

1.问题描述

       在项目的测试阶段，我们通常首先检查日志来定位并修复简单的错误。对于那些无法仅通过日志解决的问题，需要在本地环境中复现这些问题。我们通常通过检查接口请求并使用postman在本地模拟这些请求，然后进行debug来修复问题。然而，这个过程往往繁琐和耗时。

2.问题分析

     如果能够简化这个过程，直接使测试环境的前端代码访问本地的代码，就可以直接在本地进行debug和修复，从而避免了在复现bug时需要定位接口、拼接参数和获取token等繁琐步骤，节约时间。尽管一些开发者可能考虑抓取curl命令并导入到postman以复现问题，这样依然存在多个步骤，并不理想。

    实际上，我们所需要的只是将前端项目中的接口请求转发到我们的本地环境，这可以通过配置nginx作为代理来实现。

3.解决方案

   3.1 配置host 文件

       ​​​​​​​    3.1.1 找到需要代理的域名

       3.1.2配置host文件

​​​​​​​

   3.2 配置nginx 转发(核心配置)

           ​​​​​​​

       注意:

     1.测试环境我们用的是协议是https,需要配置证书，我们去测试服务器下载到本地，自己配置就可以

     2.启动本地项目后，再次点击我们的管理后台,请求就已经代理到我们本地了

       

   4.nginx 知识拓展

         4.1 location 匹配规则

         4.1 proxy_pass 指令使

          4.1.1 使用 / 

location /hxq-edu-manage-api/ {
        proxy_pass   http://127.0.0.1:9988/;
        proxy_redirect             off;
        proxy_set_header           Host $host;
        proxy_set_header           X-Real-IP $remote_addr;
        proxy_set_header           X-Forwarded-For $proxy_add_x_forwarded_for;
}
https://test-sygw.xxxxx.cn/hxq-edu-manage-api/student/findStudentList 
代理后路径如下 
http://127.0.0.1:9988/student/findStudentList 

            4.1.2 不使用使用 /              

location /hxq-edu-manage-api/ {
        proxy_pass   http://127.0.0.1:9988;
        proxy_redirect             off;
        proxy_set_header           Host $host;
        proxy_set_header           X-Real-IP $remote_addr;
        proxy_set_header           X-Forwarded-For $proxy_add_x_forwarded_for;
}
https://test-sygw.xxxxx.cn/hxq-edu-manage-api/student/findStudentList 
转发后如下 
http://127.0.0.1:9988/hxq-edu-manage-api/student/findStudentList 

        4.1.3 总结

•        带斜杠proxy_pass会从请求的URI中剔除 location 指令中匹配的部分，仅转发剩余的路径到后端服务器。不带斜杠的proxy_pass: 会将完整的请求URI转发到后端服务器，不剔除任何部分。我们在项目中还是推荐使用 带 / 的方式。原因如下:

         1.路径归一化:带斜杠的配置自动处理尾部斜杠的添加，保证路径的一致性，这在许多后             端.框架中.是有用的 ,因为它们可能区分带斜杠和不带斜杠的路径作为不同的路由。

        2.直接访问:不带斜杠的配置不会自动添加斜杠，可能导致对后端服务器的路由解析有所不.      同，特别是当后端框架对尾斜杠敏感时。