js调用跨域get请求调用asp.net webApi 多出个options请求是为啥？

Posted 2023-03-14

js跨域请求asp.net mvc webApi， 在web.config 向下面配置可以成功就行访问，
<httpProtocol><customHeaders><add name="Access-Control-Allow-Origin" value="*" /><add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE,OPTIONS" /></customHeaders></httpProtocol>
因为要想请求头多放个参数AuthKey 用jquery的 $.ajax()设置
所以上网找了找，必须要再在web.config里多设置条
<add name="Access-Control-Allow-Headers" value="AuthKey" />
参数是可以传递了 但总会多个options请求 如下图 而且总请求是失败

后来又发现我的asp.net mvc webApi 只接受get 和post请求 对于delete PUT 也会出现 405（Method not Allowed） 的问题

所以我想问：
1，为什么会多个options请求？
2，为什么会出现405（Method not Allowed）？

出于安全的考虑，JS是不允许跨域访问的。

但是如果你非要用JS实现，你可以写一个hander,然后JS调用这个hander。 参考技术A js根本就不允许跨域访问。。。 参考技术B JS跨域请求API，必须要设置这个来允许其它域名下的JS请求也可以获取数据（但是这个仅对高版本的浏览器有效，如果你的网站还要兼容各种老式浏览器，如IE6，7，8是没戏的哈）。
当然也可以不用设置这个，采用jsonp的方式来进行跨域，这个就无浏览器的限制，最近的项目也碰到了这个问题，并用jsonp的方式来解决的，改之前我也是需要在header传一个认证参数，用jsonp后，只能改为用url来传递。