【前端】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 分钟前
第12章 nestjs服务端开发:RBAC权限系统设计
java·linux·前端
tt一点通9 分钟前
前端常用设计模式大全
前端·vue.js
张文君14 分钟前
ubuntu26.04坏块分区隔离急速版
java·前端·python
两只羊ovo16 分钟前
给 Agent 装上手脚:手写 mini-Cursor,从建项目到跑起来
前端
Hive_MOM27 分钟前
制造企业库存精益化管理数字化:从“库存压资金、找货靠人翻“到“库存水位实时可见、资金周转提速“
前端·制造
新时代牛马30 分钟前
CFS调度源码:从 schedule() 到pick_next_entity 的vruntime 公平
linux·运维·网络
光影少年35 分钟前
react navite调试方案:Flipper、远程调试
前端·javascript·react native·react.js·前端框架
0+11140 分钟前
Linux --库制作与原理
linux·运维·服务器
uxiang_blog40 分钟前
Linux修改计算名字和添加删除用户名。
linux·运维·服务器
计算机魔术师44 分钟前
智谱开源 GLM-5.3 模型权重,主打智能体编程与网络防御
前端