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

}

}

相关推荐
java_logo5 分钟前
Onlyoffice Documentserver Docker 容器化部署指南
运维·人工智能·docker·容器·onlyoffice·milvus·documentserver
鲸落落丶8 分钟前
Vue Router路由
前端·javascript·vue.js
阿呜的边城12 分钟前
终于还是吃上了react-i18next的细糠
前端·前端框架
米方20 分钟前
ElementPlus 穿梭框支持批量穿梭
前端·javascript·vue.js
InkHeart21 分钟前
uni-app开发路上的坑
前端·vue.js
用户40993225021221 分钟前
Vue3中v-bind:class与v-bind:style如何实现条件样式、组件样式合并与深层响应式管理?
前端·ai编程·trae
我是天龙_绍29 分钟前
如何在前端开发中高效运用AI:从提效到避坑
前端
model200530 分钟前
Alibaba linux 3安装LAMP(6)
linux·运维·服务器
KenXu31 分钟前
从Vue 到 React:Valtio 让状态管理更熟悉
前端
MUTA️32 分钟前
使用ImageZMQ将本地摄像头画面传输到服务器
运维·服务器