ng配置解决跨域请求

问题概述

前端h5请求后端服务，两者的域名不同，报出这样的错误

No 'Access-Control-Allow-Origin' header is present on the requested resource.

对于不方便改动后端服务的代码的情况，可以通过配置ng，用以下两种方式都能解决

解决方式一：使用相同域名根据url不同做转发

前端网页源地址：A.domain.com

需要请求的服务端域名：B.domain.com

我们可以指定一个url，比如/brequest/，将所有前端h5需要发给B.domain.com的请求都改为发送给A.domain.com/brequest/。

之后在A.domain.com域名的ng添加如下配置（注意反斜杠要匹配）：

server
{###############other config#################location /brequest/ {proxy_redirect off;proxy_set_header Host  $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass https://B.domain.com;}###############other config#################
}

解决方式二：修改后端服务域名ng配置

server {###############other config##################允许跨域请求的域，* 代表所有add_header 'Access-Control-Allow-Origin' *;#允许带上cookie请求add_header 'Access-Control-Allow-Credentials' 'true';#允许请求的方法，比如 GET/POST/PUT/DELETEadd_header 'Access-Control-Allow-Methods' *;#允许请求的headeradd_header 'Access-Control-Allow-Headers' *;###############other config#################
}

ng配置解决跨域请求相关推荐

Ajax 调用webservice 解决跨域请求和发布到服务器后本地调用成功外网失败的问题...
webservice 代码 1 /// <summary> 2 /// MESService 的摘要说明 3 /// </summary> 4 [WebService(Name ...
vue配置解决跨域问题
我们在使用vue时,经常要遇到跨域的问题,其实这个问题很好解决,只需我们在vue-cli中配置一下即可. 实现跨越请求: 在config文件夹下找到index.js proxyTable: {&quo ...
解决跨域请求的四种方法
跨域跨域就是请求的url中的"协议"."域名"."端口号"其中任何一种不一样都是属于跨域.解决跨域的主要的四种方法是jsonp.跨域资源共 ...
vue服务器代理proxyTable配置解决跨域
目录 1.Proxy代理作用 2 .常见情况 3.应用方式 4.具体配置实例 5.配置思路代理原理总结 1.Proxy代理作用 proxy代理作用:前端服务器代理的作用是,告诉服务器任何未知请求( ...
利用Access-Control-Allow-Origin响应头解决跨域请求
标签:cors 跨域请求 ACAO 2015-11-28 18:53 12103人阅读评论(0) 收藏举报分类: web前端(5) J2EE服务器(2) 传统的跨域请求没有好的解决方案,无 ...
Web笔记-使用jsonp解决跨域请求（CROS）问题
目录基本概念代码与实例基本概念当我在某web站点,这个站点里面发出了像其他站点的请求(不同链接,或者同一链接的不同端口),是会失败的,因为是浏览器的安全检测问题,当然,这个只是主流浏览器的功能 ...
Java Web解决跨域请求，java初级面试笔试题
我总结出了很多互联网公司的面试题及答案,并整理成了文档,以及各种学习的进阶学习资料,免费分享给大家. 扫描二维码或搜索下图红色VX号,加VX好友,拉你进[程序员面试学习交流群]免费领取.也欢迎各位一起 ...
使用YQL解决跨域请求json转jsonp问题
一.跨域报错首先,是跨域请求的问题,jQuery默认不支持跨域请求,报错如下: index.html:1 XMLHttpRequest cannot load http://www.weather. ...
nginx反向代理解决跨域请求问题
1.出现跨域的表现: 项目的前端调用后台接口时候,会报错: No 'Access-Control-Allow-Origin' header is present on the requested re ...

ng配置解决跨域请求

问题概述

解决方式一：使用相同域名根据url不同做转发

解决方式二：修改后端服务域名ng配置

ng配置解决跨域请求相关推荐

最新文章

热门文章