Nginx实现前端访问后端本地接口

编程知识 更新时间:2023-04-03 22:20:51

Nginx配置两个地方就行:
先是配置好自己项目的服务,确保自己的项目能运行:

        location / {
            root    /web/xiangmu/public;  // 本地项目的路径
            index index.html index.php;
        }

再是配置接口请求后端:

     location /api/ {
            proxy_pass http:// 192.168.1.1;(后端接口地址,端口号也要注意哦,不是80的记得加上端口号)
            proxy_set_header: Host $host;
        }

注意点(后端接口配置):

  ####    如果你的配置出现404了,这个时候你可以对照检查下面的问题是不是你遇到的。
 1、proxy_pass  地址后面要不要加/取决于匹配的 /api/ 作不作为你uri的一部分,如果 /api/ 是其中一部分,则不需要带上 / ; 反之带上。加了 / 相当于是绝对根路径,nginx 不会把location 中匹配的路径 /api/ 带上。
       如果你的配置跟上面一样,同时请求a.html页面:
       请求地址应该要是这样的: http:// 192.168.1.1/api/a.html;
       如果配置是这样:proxy_pass http:// 192.168.1.1/;(后端接口地址),请求接口地址应该是这样: http:// 192.168.1.1/a.html。

 2、proxy_pass的地址记得在hosts文件做ip映射,建议直接使用域名对应的ip地址。

 3、location 中 ~ (区分大小写)与 ~* (不区分大小写)标识均为正则匹配。如果你不确定,请在location后面加上 location ~* /api/ { }这样的配置 不区分 api三个字母的大小写。

转载于:https://wwwblogs/xinxinmifan/p/nginx-setting.html

更多推荐

Nginx实现前端访问后端本地接口

本文发布于:2023-04-03 22:20:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/087adc3a8bba3e8d9f1bb06c8556971e.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:后端   接口   Nginx

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 40223文章数
  • 14阅读数
  • 0评论数