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

}

}

相关推荐
优弧18 分钟前
2025 提效别再卷了:当我把 AI 当“团队”,工作真的顺了
前端
HIT_Weston18 分钟前
77、【Ubuntu】【Hugo】搭建私人博客:Detached HEAD
linux·运维·ubuntu
.try-21 分钟前
cssTab卡片式
java·前端·javascript
怕浪猫27 分钟前
2026最新React技术栈梳理,全栈必备
前端·javascript·面试
再睡一夏就好35 分钟前
多线程并发编程核心:互斥与同步的深度解析及生产者消费者模型两种实现
linux·运维·服务器·jvm·c++·笔记
ulias21239 分钟前
多态理论与实践
java·开发语言·前端·c++·算法
Bigger40 分钟前
Tauri (24)——窗口在隐藏期间自动收起导致了位置漂移
前端·react.js·app
小肥宅仙女1 小时前
限流方案
前端·后端
雲墨款哥1 小时前
从一行好奇的代码说起:Vue怎么没有React的props.children
前端·vue.js·react.js
孜孜不倦不忘初心1 小时前
Axios 常用配置及使用
前端·axios