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

}

}

相关推荐
Thanks_ks3 分钟前
常见 HTTP 状态码的坑:301/302、401/403、500/502 之间差的那一个词
计算机网络·nginx·http·面试·状态码·后端开发·浏览器缓存
Rambo.Fan22 分钟前
02 · 重建与修复手册(新服务器 playbook)
运维·服务器·django
java1234_小锋26 分钟前
【技术专题】CSS3 网页技术 - CSS3 布局进阶
前端·css·css3
李纲明26 分钟前
WordPress 报建立数据库连接时出错:先核 wp-config 四元组,再查 MySQL 服务与表修复
运维·数据库·mysql·wordpress·排障·devdiy
EVEN-091334 分钟前
Linux-IPC进程间通信
linux·运维·服务器
徐小黑ACG40 分钟前
docker 基础教程
运维·docker·容器
多弗朗皮卡丘43 分钟前
Linux 进程信号
linux·运维·服务器
qeen8743 分钟前
【Linux】动静态库的链接与加载过程
linux·运维·系统编程
zhippt_10141 小时前
只剩截图没有源文件?图转PPT把图片还原成可编辑幻灯片
前端·人工智能·powerpoint
shmily麻瓜小菜鸡1 小时前
TypeScript 知识点补充(第三部分:工程化与高级类型)
前端·javascript·typescript