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

}

}

相关推荐
牛奶1 小时前
AI辅助开发最佳实践:2026年新方法
前端·aigc·ai编程
User_芊芊君子1 小时前
影音自由新玩法:Plex+cpolar 解锁异地访问,告别网盘限速烦恼
服务器·nginx·测评
wanhengidc1 小时前
云手机的运行环境如何
运维·服务器·游戏·智能手机·生活
cyber_两只龙宝2 小时前
【Haproxy】Haproxy的算法详解及配置
linux·运维·服务器·云原生·负载均衡·haproxy·调度算法
阿常呓语2 小时前
Linux命令 jq详解
linux·运维·shell·jq
C澒2 小时前
微前端容器标准化:公共能力标准化
前端·架构
Setsuna_F_Seiei2 小时前
AI 对话应用之 JS 的流式接口数据处理
前端·javascript·ai编程
青柠代码录3 小时前
【Vue3】Vue Router 4 路由全解
前端·vue.js
百结2143 小时前
Nginx安全防护与HTTPS部署实战笔记
nginx·安全·https
_下雨天.3 小时前
Nginx安全防护与HTTPS部署实战笔记
nginx·安全·https