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

}

}

相关推荐
Maimai108081 分钟前
TanStack Table 入门:为什么它是 React 表格开发里的“表格引擎”
前端·javascript·react.js·架构·前端框架·reactjs
踩着两条虫3 分钟前
VTJ.PRO 开源 AI 低代码引擎深度评测大纲
前端·低代码·开源软件
你听得到1119 分钟前
从 Figma 走查到 AI 可验证产物:我如何重构客户端 UI 交付链路
前端·vue.js·flutter
Moment20 分钟前
开发Agent为什么必须先做意图识别?
前端·后端·面试
小糖学代码24 分钟前
LLM系列:1.python入门:12.异常处理(Exceptions)
前端·人工智能·python·深度学习
追忆31829 分钟前
我为什么自己做了一个密码生成工具:聊聊 Web Crypto API 在前端随机数生成中的实践
前端
葬送的代码人生35 分钟前
从零到一:AI 全栈开发入门 —— 构建一个简单的用户聊天系统
前端·javascript·架构
TYKJ02337 分钟前
服务器带宽的"独享"和"共享"到底差在哪?从原理到实测讲清楚
运维·服务器·后端
NIIBLE37 分钟前
全栈日记之工程化设计(webpack)
前端·webpack·前端工程化
Larcher1 小时前
新手入门:从前端三件套到动态数据渲染
前端·后端·代码规范