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

}

}

相关推荐
rising start2 分钟前
二、Vue3 核心基础:API 对比、Setup 与响应式详解
前端·javascript·vue.js
zhangfeng11333 分钟前
htop命令根据实际Linux环境下的讲解,结合国家超算中心hpc
linux·运维·服务器
日取其半万世不竭4 分钟前
Gitea SSH 克隆失败?域名、端口和 ROOT_URL 配置检查
运维·ssh·gitea
stolentime16 分钟前
Mailwarm 2.0 邮件送达率提升效果实测
运维·网络·网易邮箱大师
志栋智能19 分钟前
超自动化安全的文化挑战:如何推动安全团队变革?
运维·网络·人工智能·安全·自动化
ReadVersion24 分钟前
Ubuntu 22.04 设置时区
linux·运维·ubuntu
ofoxcoding26 分钟前
MiniMax M3 实测手记:踩完坑之后,我总结了报错处理和省 token 的几个办法
java·前端·人工智能·ai
左心房的默白,,,29 分钟前
32:Trace Data(S6F11)工艺追踪数据与FDC对接逻辑
运维·自动化
YG亲测源码屋32 分钟前
html表白代码大全可复制免费 html表白网页制作源码
前端·html
夜雪闻竹36 分钟前
React Query + REST API 最佳实践
前端·react.js·前端框架