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跨域的问题，这里不做详细说明，推荐一篇文章（这里已经很明细了）。

本文章会根据自己的开发过程，会做出适当更新。有什么不清楚的，可以直接留言给我。