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

}

}

相关推荐
沫璃染墨14 分钟前
《从零入门Linux系统篇(十四):系统工具篇·五——Git版本控制:从版本管理到协同开发》
linux·运维·服务器·git·gitee·github
码林鼠1 小时前
2026前端面试题(二)
前端
元岳数字人小元2 小时前
数字人开源技术优势解析,助力智能交互普及落地
运维·人工智能·开源·人机交互·交互
王琦03183 小时前
Linux的管理程序
linux·运维·服务器
IT大白鼠3 小时前
ntfy服务器告警推送系统完整实现方案
运维·服务器·ntfy
名字还没想好☜4 小时前
Kubernetes NetworkPolicy 实战:默认全通的坑与用标签做零信任隔离
运维·云原生·容器·kubernetes·networkpolicy
宿6744 小时前
tsconfig.node.json
前端·javascript·vue.js
小杨互联网4 小时前
Cursor 前端 Dist 自动化逆向框架:/fr 流水线 · 4 脚本 · Vite/Webpack
前端·webpack·自动化·前端逆向框架·ai前端逆向框架
瑞码空间4 小时前
Web应用的多端部署之道:浏览器 · Electron · Docker
前端·docker·electron·浏览器·web
徐奥雯XUAOWEN4 小时前
Codex官网前端可抄吗?从技术视角深度解析与借鉴指南
前端