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

}

}

相关推荐
YAwu11几秒前
手写一个符合 Promise/A+ 规范的 Promise(附完整代码)
前端·javascript
暗不需求2 分钟前
从路虎汽车小程序看微信小程序开发的最佳实践
前端·javascript·微信小程序
用户059540174463 分钟前
我把RAG对话记忆测试从手工用例改成ChromaDB自动化评估,Bug发现率翻了4倍
前端·css
向日的葵0066 分钟前
vue路由(二)
前端·javascript·vue.js·vue
姓王者6 分钟前
解决QQ浏览器等魔改内核下SVG背景图颜色异常变白的问题 | 姓王者的博客
前端
ejinxian12 分钟前
Angular v22 正式发布:Signal Forms、Angular Aria 和 AI 开发工具全面生产化
前端·javascript·angular.js
小小龙学IT12 分钟前
Tauri:用 Web 技术构建桌面应用的新范式
前端
wuhen_n12 分钟前
RAG 入门:检索增强生成核心原理
前端·人工智能·typescript·langchain·ai编程
pe7er13 分钟前
AI为啥会写出if(obj != null && obj.ifEnabled)这样的代码
前端·后端·架构
爱吃泡芙的小白白15 分钟前
无人机机巢:低空经济的自动化基石,一文读懂其原理、应用与未来
运维·自动化·无人机·低空经济