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

}

}

相关推荐
冰暮流星8 小时前
javascript短路运算
开发语言·前端·javascript
cuijiecheng20188 小时前
Linux控制台下git使用图形化界面进行文件对比
linux·运维·git
qq_419854058 小时前
移动端开发:h5应用开发
前端
alonewolf_998 小时前
JVM调优实战与常量池深度解析:从Arthas到字符串常量池
前端·jvm·chrome
飞翔沫沫情9 小时前
Nginx运维维护规范及全配置详解【持续更新】
nginx·nginx 配置·nginx 操作手册·nginx 使用规范·nginx 日志规范·nginx 配置文件说明
zuozewei9 小时前
零基础 | 从零实现ReAct Agent:完整技术实现指南
前端·react.js·前端框架·智能体
白柚Y9 小时前
react的hooks
前端·javascript·react.js
春日见9 小时前
控制算法:PID算法
linux·运维·服务器·人工智能·驱动开发·算法·机器人
vueTmp9 小时前
个人开发者系列-上线即“爆火”?那些掏空你 Cloudflare 额度的虚假繁荣
前端·nuxt.js
i7i8i9com9 小时前
React 19+Vite+TS学习基础-1
前端·学习·react.js