【前端】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 分钟前
解放双手!使用Cursor+Figma MCP 高效还原响应式设计稿
前端·mcp
今天不要写bug15 分钟前
基于qrcode前端实现链接转二维码的生成与下载
前端·javascript·typescript·vue
RisunJan25 分钟前
Linux命令-gpasswd命令(管理用户组的重要工具)
linux·运维·服务器
YongCheng_Liang26 分钟前
LZMA2 压缩技术解析与高性能加密压缩脚本模块化解读
运维·7-zip
JIngJaneIL33 分钟前
基于Java + vue干洗店预约洗衣系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
搬山境KL攻城狮34 分钟前
记-SPA单页面应用Chrome自动翻译导致中文错别字问题
前端·chrome
where happens41 分钟前
centos创建目录并授予权限
linux·运维·服务器·centos
HIT_Weston43 分钟前
61、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(五)
前端·ubuntu·gitlab
liebe1*11 小时前
第七章 防火墙地址转换
运维·服务器·网络
好好学操作系统1 小时前
autodl 保存 数据 跨区
linux·运维·服务器