nginx的代理和处理前端请求跨域

最新推荐文章于 2025-03-24 22:20:40 发布

张啸zx

最新推荐文章于 2025-03-24 22:20:40 发布

阅读量1.4k

点赞数 1

分类专栏： nginx 技术详解文章标签： nginx 跨域

本文链接：https://blog.youkuaiyun.com/grepets/article/details/82346264

版权

技术详解同时被 2 个专栏收录

3 篇文章

订阅专栏

nginx

2 篇文章

订阅专栏

接 nginx服务器配置

nginx反向代理

这里截个图，简单说明一下什么是反向代理
这里写图片描述

可以理解为代理作为中转站，把网络请求转发到各个服务器，服务器返回给nginx再发出。

nginx代理配置

http {
    #代理地址
    upstream edit {
         server 192.168.1.1:8087;
    }
    server {
            listen 80;
            server_name www.host.com;
            root D:/dist;
            index  index.html index.htm;
            location /edit/ {
                 proxy_pass http://edit/;
            }
    }
}

nginx代理配置十分简单，上述代码中的proxy_pass即代表代理的url
e.g.
接口地址为 http://192.168.1.1:8087/getUserInfo
前端对应地址 http://192.168.1.1:80/edit/getUserInfo
通过nginx的代理，前端即实现了跨域请求。