1. 在我们的前后端开发过程中,如果前端页面在请求后台服务器的时候,在url中都会存在/api这个请求前缀,但是我们的后台服务接口中却没有/api的路径,那么在不修改服务端代码的情况下,我们可以通过nginx来轻松解决这个问题。
    1. 前端请求路径为:http://192.168.xxx.xxx:8080/api/users/1725808854490013697
    2. 实际上后端只存在的接口为:http://192.168.xxx.xxx:8080/users/1725808854490013697
    3. 那么这种情况下,代码不经过修改的前提下,前端是无法正常访问后端接口
  2. 为了实现上面的需求,我们可以通过nginx进行路径的重写然后再转发到服务器
    1. 我们需要在nginx的nginx.conf的配置文件中,添加以下反向代理的配置即可实现当前功能
      1.         location ^~ /api/ {
                    # 路径重写
                    rewrite ^/api/(.*)$ /$1 break;
                    # 反向代理配置,将请求转发到指定的服务
                    proxy_pass http://192.168.xxx.xxx:8080;
                }
    2. 指令的详细说明
      1. location ^~ /api/

        1. "^~":表示普通字符串匹配上以后不再进行正则匹配

        2. 以/api/开头的请求,都会匹配上

      2. rewrite ^/api/(.*)$ /$1 break;

        1. rewrite:路径重写

        2. 这里写的是一个正则表达式,代表如果请求路径是以/api/开头,后面的请求路径任意,此时将原始的url路径重写为/$1,这里的$1指代的就是通配符 .* 这一块的内容。比如:

          1. /api/users/1725808854490013697 -------> ^/api/(.*)$ --------> 此时 (.*) 匹配的就是 users/1725808854490013697 ------> 最终重写为/$1 即 /users/1725808854490013697
      3. proxy_pass http://192.168.xxx.xxx:8080;

        1. proxy_pass:​​​​​​​反向代理

        2. 路径重写后的请求,将会转发到后端的​​​​​​​http://192.168.xxx.xxx:8080服务器

Logo

一起探索未来云端世界的核心,云原生技术专区带您领略创新、高效和可扩展的云计算解决方案,引领您在数字化时代的成功之路。

更多推荐