【前端】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 小时前
模考倒计时网页版
java·服务器·前端
keep__go2 小时前
spark 单机安装
大数据·运维·分布式·spark
AiXed2 小时前
PC微信WDA算法
前端·javascript·macos
HIT_Weston4 小时前
27、【Ubuntu】【远程开发】内网穿透:CA 签名
linux·运维·ubuntu
一只小阿乐7 小时前
react 封装弹框组件 传递数据
前端·javascript·react.js
凡间客7 小时前
Ansible安装与入门
linux·运维·ansible
_OP_CHEN7 小时前
Linux网络编程:(八)GCC/G++ 编译器完全指南:从编译原理到实战优化,手把手教你玩转 C/C++ 编译
linux·运维·c++·编译和链接·gcc/g++·编译优化·静态链接与动态链接
阿乐艾官8 小时前
【十一、Linux管理网络安全】
linux·运维·web安全
533_8 小时前
[element-plus] el-tree 动态增加节点,删除节点
前端·javascript·vue.js
禁止摆烂_才浅8 小时前
前端开发小技巧-【JavaScript】- 获取元素距离 document 顶部的距离
前端·javascript·react.js