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

}

}

相关推荐
小高0072 分钟前
2026 年,只会写 div 和 css 的前端将彻底失业
前端·javascript·vue.js
Anita_Sun2 分钟前
Lodash 源码解读与原理分析 - Lodash 原型链的完整结构
前端
梁森的掘金2 分钟前
Frida Hook 流程
前端
www_stdio4 分钟前
Git 提交AI神器:用大模型帮你写出规范的 Commit Message
前端·javascript·react.js
陈随易5 分钟前
Bun v1.3.6发布,内置tar解压缩,各方面提速又提速
前端·后端
双向335 分钟前
【AIGC爆款内容生成全攻略:如何用AI颠覆内容创作效率?】
前端
wang6021252186 分钟前
Git部署项目配置密钥-Linux系统
linux·运维·git
克里斯蒂亚诺更新10 分钟前
宝塔 服务器一个端口页面访问另外一个服务器的端口页面
运维·服务器
陈_杨13 分钟前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP-- 卡片编辑功能
前端·harmonyos
Swift社区18 分钟前
Flutter 的异步问题,为什么和前端 Promise 问题高度相似?
前端·flutter