nginx如何解决请求跨域问题

发布时间 - 2020-11-10 00:00:00    点击率:

一般前端的请求是 网址都是 域名(端口 访问的是80 或者 443),而后端的服务是 8080 端口,这个时候你请求http://106.520.156.210:8080/vic-indoor-pc/selectAllUser就会报跨域问题了(端口不同)。所以我在每个请求加了统一的前缀 /api ,请求变成了 http://106.520.156.210/api/vic-indoor-pc/selectAllUse (端口必须和前端一样)。

前端发送请求:

http://106.520.156.210/api/vic-indoor-pc/selectAllUse

Nginx转发变成了:

http://106.520.156.210:8080/vic-indoor-pc/selectAllUse

经过Nginx 这样转发,对于浏览器来说,访问的就是 80 ,但是请求的其实是 8080。rewrite "^/api/(.*)$" / break; 这句就是把 /api 给删除掉了然后 转发到了  http://106.520.156.210:8080/

                location /api/vic-indoor-pc {

                        proxy_set_header Client-IP      $Remote_addr;
                        proxy_pass http://106.520.156.210:8080/;
                        rewrite "^/api/(.*)$" /$1 break; 

                }

我还碰到了下载阿里OSS 存储跨域的问题,也是这么解决的。(加上统一前缀)

                location /img/report {

                        proxy_set_header Client-IP      $Remote_addr;
                        proxy_pass https://bilibili.oss-cn-shenzhen.aliyuncs.com/;
                        rewrite "^/img/(.*)$" /$1 break;
                }

相关推荐:nginx教程


# nginx  # break  # http  # 会报  # 的是  # 都是  # 变成了  # 我还  # 掉了  # 这个时候  # 这句  # 后端  # 所以我 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: PHP 500报错的快速解决方法  深圳网站制作平台,深圳市做网站好的公司有哪些?  如何正确选择百度移动适配建站域名?  WEB开发之注册页面验证码倒计时代码的实现  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  使用C语言编写圣诞表白程序  个人网站制作流程图片大全,个人网站如何注销?  WordPress 子目录安装中正确处理脚本路径的完整指南  教学论文网站制作软件有哪些,写论文用什么软件 ?  Python面向对象测试方法_mock解析【教程】  Laravel如何使用Sanctum进行API认证?(SPA实战)  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  JS弹性运动实现方法分析  长沙企业网站制作哪家好,长沙水业集团官方网站?  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  教你用AI润色文章,让你的文字表达更专业  Laravel如何实现本地化和多语言支持?(i18n教程)  微信小程序 canvas开发实例及注意事项  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  Laravel如何发送系统通知?(Notification渠道示例)  Laravel表单请求验证类怎么用_Laravel Form Request分离验证逻辑教程  如何快速重置建站主机并恢复默认配置?  Laravel API资源类怎么用_Laravel API Resource数据转换  中山网站推广排名,中山信息港登录入口?  Android 常见的图片加载框架详细介绍  Android GridView 滑动条设置一直显示状态(推荐)  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  如何在服务器上三步完成建站并提升流量?  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  制作电商网页,电商供应链怎么做?  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  电商网站制作价格怎么算,网上拍卖流程以及规则?  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  LinuxShell函数封装方法_脚本复用设计思路【教程】  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  如何在阿里云通过域名搭建网站?  如何挑选高效建站主机与优质域名?  Laravel怎么使用Intervention Image库处理图片上传和缩放  Claude怎样写约束型提示词_Claude约束提示词写法【教程】  开心动漫网站制作软件下载,十分开心动画为何停播?  如何正确下载安装西数主机建站助手?  原生JS实现图片轮播切换效果  Laravel如何为API生成Swagger或OpenAPI文档  Laravel如何使用Blade组件和插槽?(Component代码示例)  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  HTML 中如何正确使用模板变量为元素的 name 属性赋值