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

}

}

相关推荐
Jason_chen1 分钟前
Linux 3.0 串口机制深度解析:传统8250驱动与基础RS-232/485支持
linux·前端
CHrisFC1 分钟前
LIMS 系统 AI 建设路径:从自动化到智能化的演进之路
运维·人工智能·自动化
TPBoreas4 分钟前
前端面试问题打靶
前端
杰克逊的日记5 分钟前
如何部署EDA工具及运维
运维·eda运维
赵庆明老师5 分钟前
JS检查提交的文件是否合规
开发语言·前端·javascript
码语智行5 分钟前
常见nginx配置
运维·nginx
禅思院11 分钟前
前端请求取消与调度完全指南:从 AbortController 到企业级优先级架构
前端·设计模式·前端框架
上海达策TECHSONIC14 分钟前
零售ERP选型解析:SAP Business One 适配成长型零售企业的核心逻辑
大数据·运维·人工智能·云计算·运维开发·零售
颂love19 分钟前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript
甜汤圆22 分钟前
Python 里**自定义数据单元**
前端