1. 程式人生 > >web api 本地測試

web api 本地測試

.config -a value method 客戶 api 創建 access div

【最簡單的,本人小白,大神勿噴】

一:創建web API 服務端

①創建web api 的項目

②在這個api項目的Web.config中加上如下幾段話:

<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
<add name="Access-Control-Allow-Headers" value="Content-Type,X-Requested-With" />
<add name="Access-Control-Request-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>
</httpProtocol>

如圖下:

技術分享圖片

③創建空的api控制器如圖下:

技術分享圖片

④因為只測試,創建簡單的如下圖:

技術分享圖片

以上用於測試的web API端創建完成

二:創建web mvc 客戶端

①解決方案創建空的mvc:

技術分享圖片

②同樣創建一個空的mvc的控制器:

技術分享圖片

③添加如下代碼到index.cshtml中

技術分享圖片

以上mvc 客戶端的完成

三:運行測試

① 運行測試需要保持API 服務端的運行狀態:

技術分享圖片

②運行後是這個不用管

技術分享圖片

③手動輸入mvc客戶端地址

技術分享圖片

運行成功

web api 本地測試