MUI 跨域請求web api

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

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

前端部分代碼：

    //mui,js(Mui v3.7.0)
    //------注意--------
    //1、調試需要在真機環境進行操作；
    //2、mui本身是支持跨域訪問的（無需糾結跨域問題）；
    //3、請求API地址不能使用localhost 或者127.0.0.1之類的ip，只能使用實際的IP才能訪問。
    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',
            //"Authorization": "BasicAuth " + _ticket//傳遞基於“Basic基礎認證”令牌
        },
        beforeSend: function () {
            plus.nativeUI.showWaiting("正在請求數據...");//開啟加載提示
        },
        complete: function () {
            plus.nativeUI.closeWaiting();//關於加載提示
        },
        success: function (data) {
            //處理成功邏輯
            mui.openWindow({
                url: 'defaule.html',
                id: 'defaule.html',
                extras: {
                    Ticket: data.Ticket//頁面傳遞參數
                },
                waiting: {
                    autoShow: true, //自動顯示等待框，默認為true
                    title: '正在登錄...' //等待對話框上顯示的提示內容
                }
            });
        },
        error: function (xhr, type, errorThrown) {
            plus.nativeUI.closeWaiting();
            var _error = "";
            switch (type) {
                case "timeout":
                    _error = "服務器響應超時";
                    break;
                default:
                    _error = "異常信息:" + xhr.responseText;
                    break;
            }
            mui.toast(_error);
        }
    });

 

 web api代碼：

//注意：web api對應的函數不能設置為static類型，否則無法調用（這個算是自己開發過程遇到的一個小細節吧）
[HttpPost]
[EnableCors(origins: "*", headers: "*", methods: "*")] public responseObj QueryAccount([FromBody]requestObj postJson) { responseObj rObj = new responseObj(); //to do logic
 return rObj; }

關於web api跨域的問題，這里不做詳細說明，推薦一篇文章（這里已經很明細了）。

本文章會根據自己的開發過程，會做出適當更新。有什么不清楚的，可以直接留言給我。