【前端】nginx 反向代理,实现跨域问题

前面讲跨域的问题,这篇 C# webapi 文章里面已经说过了。在上述文章中是属于从服务器端去允许访问的策略去解决跨域问题。而这里是从客户端的角度利用反向代理的方法去解决跨域问题。

反向代理:其原理就是将请求都接收到一个中间件(中间地址)去响应,这样所有的请求和响应都在一个源上去处理。

所有的请求去访问代理服务器,然后代理服务器把请求代理到web服务器,以及客户端。

上图的实现如下列配置所示: proxy_pass 就是定义代理地址。

server {

listen 8080;

server_name localhost;

location / {

root html/hmdp;

index index.html index.htm;

}

location /api {

proxy_pass http://127.0.0.1:8081; #定义反向代理网址

}

}

相关推荐
IT_陈寒3 分钟前
Python性能提升50%:这5个隐藏技巧让你的代码快如闪电⚡
前端·人工智能·后端
g***B73810 分钟前
DevOps文化推广
运维·devops
懒人村杂货铺11 分钟前
微前端QianKun的使用以及坑点问题
前端
会飞的土拨鼠呀11 分钟前
运维工程师需要具备哪些技能
linux·运维·ubuntu
S***H28312 分钟前
DevOps工具链管理
运维·devops
G***E31614 分钟前
DevOps文化构建要点
运维·devops
qq_3665775114 分钟前
Vue3创建项目,只能localhost访问问题处理
前端·javascript·vue.js
N***738519 分钟前
DevOps工具链搭建:自动化流程的实践
运维·自动化·devops
一个处女座的程序猿O(∩_∩)O33 分钟前
React Router 路由模式详解:HashRouter vs BrowserRouter
前端·react.js·前端框架
Caster_Z1 小时前
WinServer安装NPM(Nginx Proxy Manager),并设置反向代理和开启https
前端·nginx·npm