IONIC 跨域调用.Net Web API的POST方法的注意事项

最近在写Post请求时遇到好多坑,在经过一段时间的挣扎后有了初步的认识,加以备注。先了解下基础POST跨域发生了什么:https://itbilu.com/javascript/js/VkiXuUcC.html
有以下几点事项:
1、在Web.Config中添加跨域设置

 <httpProtocol>
      <customHeaders>
        <!--响应类型 (值为逗号分隔的一个字符串,表明服务器支持的所有跨域请求的方法)-->
        <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS"/>
        <!--响应头设置(Content-Type:只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain)-->
        <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type,token"/>
        <!--如果设置 Access-Control-Allow-Origin:*,则允许所有域名的脚本访问该资源-->
        <add name="Access-Control-Allow-Origin" value="*" />
        <!--<add name="Access-Control-Allow-Origin" value="http://domain1.com, http://domain2.com" />  设置允许跨域访问的网址-->
        <!--<add name="Access-Control-Max-Age" value="6000" /> 设置预检有效时间-->
        <add name="Access-Control-Max-Age" value="6000" />
      </customHeaders>
    </httpProtocol>

2、在Action方法中添加post以及options特性
在这里插入图片描述
如果没有添加Options会报405错误
405 OPTIONS Method Not Allowed
在这里插入图片描述
在这里插入图片描述
3、设置嗅探有效期。
在这里插入图片描述

如果没有当前设置,会在每次POST请求的时候都会进行嗅探请求。
在这里插入图片描述在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值