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

}

}

相关推荐
I · T · LUCKYBOOM33 分钟前
iptables防火墙
linux·运维·服务器·网络·安全
MediaTea41 分钟前
Python:模块 __dict__ 详解
开发语言·前端·数据库·python
字节跳动开源1 小时前
Midscene v1.0 发布 - 视觉驱动,UI 自动化体验跃迁
前端·人工智能·客户端
凌波粒1 小时前
Linux-Ubuntu系统环境搭建
linux·运维·ubuntu
鸠摩智首席音效师1 小时前
如何在 Linux 中使用 uptime 命令 ?
linux·运维·服务器
光影少年1 小时前
三维前端需要会哪些东西
前端·webgl
HalvmånEver1 小时前
Linux:匿名管道(进程间通信二)
linux·运维·服务器
阿豪学编程2 小时前
【Linux】进程信号深度解析
linux·运维·服务器
王林不想说话2 小时前
React自定义Hooks
前端·react.js·typescript
heyCHEEMS2 小时前
Uni-app 性能天坑:为什么 v-if 删不掉 DOM 节点
前端