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

}

}

相关推荐
门豪杰4 分钟前
使用WSL2安装Ubuntu子系统
linux·运维·ubuntu·wsl
远方的小草6 分钟前
检索增强生成技术RAG
前端
面对疾风叭!哈撒给9 分钟前
Linux之Docker使用JDK21安装包制作JDK21镜像包
java·linux·运维·docker
haorooms9 分钟前
WebTransport 核心用法及身份验证和应用
前端
用户982361079027710 分钟前
Node.js 使用 adm-zip 操作 ZIP 文件指南
前端
yannick_liu11 分钟前
VUE2 + ElementUI 将Table数据导出为Excel文件——vue-json-excel
前端
哇哇哇哇11 分钟前
Vue3项目性能优化
前端
绘梨衣的sakura路18 分钟前
[特殊字符] 2026 年 AI 自动化新范式:OpenClaw 核心 Skill 精选与实战指南
运维·人工智能·自动化
big tail21 分钟前
Windows本地Docker模拟前端项目发版
前端·windows·docker
学以智用26 分钟前
Vue3 状态管理库 Pinia 完整教程
前端·vue.js