Web API

开发工具VS2015

第一步:新建项目

 

第二步:创建ASP.NET Web应用程序,项目名称TestAPI。

 

 

第三步:选择Web API,并更改身份认证为不认证。

 

 

第四步:Controllers右键创建控制器,并选择MVC5控制器-空。

 

第五步:设置控制器的名称。

 

 

第六步:在控制器的头部,添加  -->    [RoutePrefix("Test")]

 

 

第七步:添加任意的接口方法,下面图示为Get请求的接口。

 

 

第八步:启动接口,并在浏览器输入地址,验证刚写的Get接口是否可以正常访问。

 

 

 

第九步:在API中编写POST请求的方法。

 

 

第十步:使用PostMan测试POST请求接口,看看接口是否可以正常访问。

 

第十一步:PostMan可以请求成功,但是如果使用JS请求会有下列情况。

 

 第十二步:解决上面的问题可以在WebAPI中配置文件web.config中的system.webServer节点下面配置下面的代码解决。

<httpProtocol>
      <customHeaders>
        <clear />
        <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>

第十三步:配置完之后进行访问。

posted @ 2020-01-03 22:39  饮木  阅读(211)  评论(0编辑  收藏  举报