解决apiWebService跨域问题

Posted 思明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决apiWebService跨域问题相关的知识,希望对你有一定的参考价值。

webapi接口在ajax调用的很多情况下都会出现跨域问题,同样的WebService如果想用ajax调用,也需要接口跨域问题,解决方案如下:

1、IIS配置

  打开IIS选择发布后的webapi或者是WebService,选择网站-->选择HTTP 响应表头-->添加。。操作如下:

 

 

需要添加的名称和值为

<add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
<add name="Access-Control-Allow-Headers" value="x-requested-with,Content-Type"/>
<add name="Access-Control-Allow-Origin" value="*" />

 

2、直接在web.config中添加标签

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
      <add name="Access-Control-Allow-Headers" value="x-requested-with,Content-Type"/>
      <add name="Access-Control-Allow-Origin" value="*" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

 

切记。。两种方法只能采用一种,,否则会报错

以上是关于解决apiWebService跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

跨域怎么解决

使用CORS解决跨域问题

如何解决前端跨域问题?

使用nginx代理解决跨域问题

Vue初学,POST跨域问题怎么解决

微服务架构 服务之间跨域问题怎么解决?