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

}

}

相关推荐
XXOOXRT1 分钟前
零基础掌握Linux常用命令
linux·运维·服务器
han_9 分钟前
JavaScript设计模式(五):装饰者模式实现与应用
前端·javascript·设计模式
ProgramHelpOa21 分钟前
Amazon SDE Intern OA 2026 最新复盘|70分钟两题 Medium-Hard
java·前端·javascript
smchaopiao35 分钟前
如何用CSS和JS搞定全屏图片展示
前端·javascript·css
桌面运维家39 分钟前
KVM虚拟机:快照增量备份与Linux系统快速恢复
linux·运维·服务器
酉鬼女又兒41 分钟前
零基础快速入门前端CSS Transform 与动画核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·css·职场和发展·蓝桥杯·html
山川行44 分钟前
Python快速闯关8:内置函数
java·开发语言·前端·笔记·python·学习·visual studio
曲幽1 小时前
FastAPI子应用挂载:别再让root_path坑你一夜
python·nginx·fastapi·web·mount·admin·404·docs·root_path
Sarapines Programmer1 小时前
【Docker】Windows 安装 Docker 简明指南
运维·docker·容器
cnnews1 小时前
手机通过Termux安装unbuntu,开启SSH
linux·运维·ubuntu·ssh