关于WebApi 跨域问题的解决的方式

最近在做WebApi 进行开发的时候一直会遇到跨域方面的问题那么如何进行跨域问题其实非常的简单。

1.一直在使用WebApi的时候总是遇到跨域的问题那么什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

注：解决web API跨域其实比较简单，如果可以的话，如下的修改header即可，但是还是存在很多陷阱。首先必须保证做的更改API重新发布新的文件覆盖原有文件。我们一直调不通，就是因为发布文件中的配置并没有发生改变。另外使用Ajax调用的时候不能添加ContentType的配置。
同时使用服务端的CORS和客户端jQuery.support.cors = true;就可以解决所有的问题了。
另外一个Get和Post之外的HttpMethod我是用参数传进去的，因为有些浏览器不支持。

有的就是 CORS 跨域

让mvc 或者 webapi 支持CORS跨域的配置是：
在system.webServer节点上添加
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Max-Age" value="30"/>
<add name="Access-Control-Allow-Methods" value="GET,POST,OPTIONS"/>
<add name="Access-Control-Allow-Headers" value="Content-Type, Accept" />
</customHeaders>
</httpProtocol>

2. 服务端需要进行添加

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Credentials","true");

客户端的jQuery：
$.ajax({
...
xhrFields: { //允许跨域访问是添加cookie
withCredentials: true
},
...
}

在做Web开发中，常常会遇到跨域的问题，到目前为止，已经有非常多的跨域解决方案。
通过自己的研究以及在网上看了一些大神的博客，写了一个Demo
首先新建一个webapi的程序，如下图所示：

转载于:https://www.cnblogs.com/LowKeyCXY/p/7002224.html

关于WebApi 跨域问题的解决的方式相关推荐

Nginx 解决WebApi跨域二次请求以及Vue单页面问题
Nginx 解决WebApi跨域二次请求以及Vue单页面问题参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...
WebApi跨域的解决方法
由于前段时间项目需求,需要用到WebApi跨域,我在网上也查阅很多这方面的资料,但是最终还是决定自己写一篇记录一下. 当一个请求url的协议.域名.端口三者之间任意一与当前页面地址不同即为 ...
JavaScript跨域总结与解决办法
JavaScript跨域总结与解决办法什么是跨域 1.document.domain+iframe的设置 2.动态创建script 3.利用iframe和location.hash 4.window ...
跨域以及一些解决方法
跨域最近在回顾一些知识,归纳一下以前的笔记再结合各个资料说一下我对跨域和跨域问题的解决方法. 产生跨域安全问题不是后台服务器不允许前台调用, 其本质是浏览器的同源策略(Same-origin pol ...
django中的缓存单页面缓存，局部缓存，全站缓存跨域问题的解决
django中的缓存单页面缓存,局部缓存,全站缓存跨域问题的解决参考文章: (1)django中的缓存单页面缓存,局部缓存,全站缓存跨域问题的解决 (2)https://www.cnblog ...
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法参考文章: (1)Thinkphp5.1允许uni-app的H5跨域请求接口解决方法 (2)https://www.cnblogs. ...
vue-socket.io跨域问题的解决方法
vue-socket.io跨域问题的解决方法参考文章: (1)vue-socket.io跨域问题的解决方法 (2)https://www.cnblogs.com/zhengze/p/12294916 ...
CDN中，字体文件的跨域问题和解决
CDN中,字体文件的跨域问题和解决参考文章: (1)CDN中,字体文件的跨域问题和解决 (2)https://www.cnblogs.com/hnsongbiao/p/7449532.html 备忘 ...
Tomcat 跨域问题的解决
Tomcat 跨域问题的解决参考文章: (1)Tomcat 跨域问题的解决 (2)https://www.cnblogs.com/zhaoyanhaoBlog/p/9370830.html 备忘一下 ...

关于WebApi 跨域问题的解决的方式

关于WebApi 跨域问题的解决的方式相关推荐

最新文章

热门文章