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

}

}

相关推荐
zhaotiannuo_19981 小时前
渗透测试之docker
运维·docker·容器
小二·1 小时前
前端监控体系完全指南:从错误捕获到用户行为分析(Vue 3 + Sentry + Web Vitals)
前端·vue.js·sentry
王正南2 小时前
kali-linux 虚拟机连接安卓模拟器
android·linux·运维·虚拟机连接模拟器·安卓模拟器,linux虚拟机
三不原则2 小时前
故障案例:容器启动失败排查(AI运维场景)——从日志分析到根因定位
运维·人工智能·kubernetes
吳所畏惧2 小时前
Linux环境/麒麟V10SP3下离线安装Redis、修改默认密码并设置Redis开机自启动
linux·运维·服务器·redis·中间件·架构·ssh
yueguangni2 小时前
sysstat 版本 10.1.5 是 CentOS 7 的默认版本,默认情况下确实不显示 %wait 字段。需要升级到新版sysstat
linux·运维·centos
阿珊和她的猫2 小时前
`require` 与 `import` 的区别剖析
前端·webpack
funfan05172 小时前
【运维】MySQL数据库全量备份与恢复实战指南:从入门到精通
运维·数据库·mysql
-dcr3 小时前
49.python自动化
运维·python·自动化
谎言西西里3 小时前
零基础 Coze + 前端 Vue3 边玩边开发:宠物冰球运动员生成器
前端·coze