【前端】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; #定义反向代理网址

}

}

相关推荐
用户479492835691510 小时前
同事一个比喻,让我搞懂了Docker和k8s的核心概念
前端·后端
烛阴10 小时前
C# 正则表达式(5):前瞻/后顾(Lookaround)——零宽断言做“条件校验”和“精确提取”
前端·正则表达式·c#
C_心欲无痕10 小时前
浏览器缓存: IndexDB
前端·数据库·缓存·oracle
郑州光合科技余经理11 小时前
技术架构:上门服务APP海外版源码部署
java·大数据·开发语言·前端·架构·uni-app·php
GIS之路11 小时前
GDAL 实现数据属性查询
前端
再创世纪11 小时前
让USB打印机变网络打印机,秀才USB打印服务器
linux·运维·网络
PBitW12 小时前
2025,菜鸟的「Vibe Coding」时刻
前端·年终总结
mwq3012312 小时前
不再混淆:导数 (Derivative) 与微分 (Differential) 的本质对决
前端
昨夜见军贴061612 小时前
IACheck AI审核如何实现自动化来料证书报告审核,全面提升生产效率与合规水平
运维·人工智能·自动化
小二·13 小时前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装
前端·javascript·vue.js