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

}

}

相关推荐
不要em0啦6 小时前
从0开始学python:简单的练习题3
开发语言·前端·python
老华带你飞6 小时前
电商系统|基于java + vue电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
国科安芯6 小时前
RISC-V 异常中断机制全解析
运维·单片机·嵌入式硬件·安全·risc-v·安全性测试
大猫会长6 小时前
关于http状态码4xx与5xx的背锅问题
前端
鸠摩智首席音效师6 小时前
如何在 Linux 下以 www-data 用户运行 Crontab ?
linux·运维·服务器
喝拿铁写前端6 小时前
AI 驱动前端开发覆盖的能力全景拆解
前端·javascript·人工智能
1024小神6 小时前
确认了,Cloudflare的R2对象存储S3接口api不支持在web端使用
前端
KLW756 小时前
vue v-for 列表渲染指令注意
前端·javascript·vue.js
zhengxianyi5157 小时前
vue 首屏加载优化
前端·javascript·vue.js·nginx·gzip·expires·静态文件缓存
全栈工程师修炼指南7 小时前
Nginx | HTTP 反向代理:对上游服务端响应缓存流程浅析与配置实践
运维·网络协议·nginx·http·缓存