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

}

}

相关推荐
s_daqing8 分钟前
ubuntu(arm)使用nginx安装静态服务器
服务器·nginx·ubuntu
FJW02081414 分钟前
【Linux】SElinux的管理及优化
linux·运维·服务器
做科研的周师兄19 分钟前
【MATLAB 实战】|多波段栅格数据提取部分波段均值——批量处理(NoData 修正 + 地理信息保真)_后附完整代码
前端·算法·机器学习·matlab·均值算法·分类·数据挖掘
坐怀不乱杯魂19 分钟前
Linux - 进程控制
linux·运维·服务器
物有本木21 分钟前
httpsok-v2.0.8发布-支持IIS证书自动续签
nginx·ssl
da_vinci_x24 分钟前
图标量产:从“手绘地狱”到“风格克隆”?Style Reference 的工业化实战
前端·游戏·ui·prompt·aigc·设计师·游戏美术
利刃大大32 分钟前
【ES6】变量与常量 && 模板字符串 && 对象 && 解构赋值 && 箭头函数 && 数组 && 扩展运算符 && Promise/Await/Async
开发语言·前端·javascript·es6
天若有情67335 分钟前
ES6 模块与 CommonJS 的区别详解
前端·javascript·es6
大猫会长38 分钟前
postgreSQL中,RLS的using与with check
开发语言·前端·javascript
重生之绝世牛码39 分钟前
Linux软件安装 —— zookeeper集群安装
大数据·linux·运维·服务器·zookeeper·软件安装