MUI 跨域請求web api
阿新 • • 發佈:2018-11-28
由於剛接觸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 logicreturn rObj; }
關於web api跨域的問題,這裡不做詳細說明,推薦一篇文章(這裡已經很明細了)。
有什麼不清楚的,可以直接留言給我。