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

}

}

相关推荐
NoloveisGod6 分钟前
Vue的基础使用
前端·javascript·vue.js
GISer_Jing7 分钟前
前端系统设计面试题(二)Javascript\Vue
前端·javascript·vue.js
陈yanyu14 分钟前
Linux - 弯路系列3:安装和编译libvirt-4.5.0及虚拟网卡virbr0(virbr0-nic)创建
linux·运维·服务器
大风吹PP凉16 分钟前
34Web服务器(如Apache, Nginx)
服务器·nginx·apache
tian-ming25 分钟前
JavaWeb后端开发知识储备1
java·spring boot·nginx·spring·maven
海上彼尚36 分钟前
实现3D热力图
前端·javascript·3d
杨过姑父36 分钟前
org.springframework.context.support.ApplicationListenerDetector 详细介绍
java·前端·spring
逃跑的羊39 分钟前
jenkins提交gitee后自动部署
运维·gitee·jenkins
理想不理想v1 小时前
使用JS实现文件流转换excel?
java·前端·javascript·css·vue.js·spring·面试
学习向前冲1 小时前
安装一键式重置密码插件(Linux)-CloudResetPwdAgent
linux·运维·服务器