1. 程式人生 > >MUI 跨域請求web api

MUI 跨域請求web api

由於剛接觸MUI框架,所以在跨域問題上花了一點時間。希望我的方式能幫你少走點彎路(大神就直接過裡吧)!

首先,遇到這個問題,各種百度。其中說法最多的是將mui,js檔案裡的 setHeader('X-Requested-With', 'XMLHttpRequest'); 註釋掉。我這裡沒有將其註釋,因為我相信,這個框架出來這麼久了,不可能連這個問題都沒處理吧(不跨域,自己玩???)。

前端部分程式碼:

//mui,js(Mui v3.7.0)
var reqRootUrl = "http://192.168.1.217"; mui.ajax({ url: reqRootUrl + '/api/UserLogin/QueryAccount', data: { AccountName: "***", Pwd: "***", Company: "***" }, dataType: 'json', type: 'post', timeout: 30000, //超時時間設定為30秒; headers: {'Content-Type': 'application/json'}, success: function(data) { //伺服器返回響應,根據響應結果,處理後續邏輯; }, error: function(xhr, type, errorThrown) { //異常處理 var _error = ""; switch(type) { case "timeout": _error = "伺服器響應超時"; break; default: _error
= "異常:" + type; break; } mui.alert(_error); } });

 

 web api程式碼:

[HttpPost]
[EnableCors(origins: "*", headers: "*", methods: "*")]
public responseObj QueryAccount([FromBody]requestObj postJson)
{
    responseObj rObj = new responseObj();
    //to do logic
return rObj; }

關於web api跨域的問題,這裡不做詳細說明,推薦一篇文章(這裡已經很明細了)。

有什麼不清楚的,可以直接留言給我。