Web Api之Cors跨域（干货）---大家一定要看清我写的内容哦

水深无声 2021-12-20 04:15 97阅读 0赞

# **Web Api之Cors跨域** #

**要想跨域需要准备一下几步骤**

**1.创建WebAPI（请按照图片先后顺序来）**

**![1699486-20190624154648602-407672698.png][]**

![1699486-20190624154540029-873742315.png][]

![1699486-20190624155044766-413232936.png][]

**2.进入NuGet包管理搜 Microsoft.AspNet.WebApi.Cors 进行下载**

**![1699486-20190624154124955-135132834.png][]**

** 3.修改APP\_Start中的 WebApiConfig文件 这里时配置路由的地方，我们需要进行修改才能使用，黄色框框的为需要修改的文件，红色框框是需要添加上去的代码**

**注意：WebAPI默认路由是达不到我们需求的 他的默认路由为 api/\{controller\}/\{id\} 这个路由我们不能用所以我们必须更改，代码如下（直接覆盖掉原始的就可以解决了）**

**![1699486-20190624160001497-941986661.png][]**

public static void Register(HttpConfiguration config)
            {
                // Web API 配置和服务
                // Web API 路由
    
                config.MapHttpAttributeRoutes();
                config.Routes.MapHttpRoute(
                    name: "DefaultApi",
                    routeTemplate: "api/{controller}/{action}/{id}",
                    defaults: new { id = RouteParameter.Optional }
                );
                // 启用跨域
                config.EnableCors(new System.Web.Http.Cors.EnableCorsAttribute("*", "*", "*"));
            }

控制器中方法使用如下

[HttpPost]
            public IHttpActionResult GetDome()
            {
                string JSON = JsonConvert.SerializeObject(“数据测试”);
                return Ok(JSON);
            }

JQuery方法调用：

$.ajax({
        type: 'post',
        url: '域名/GetDome',
        success: function (data) {
            alert(data)
       } 
    )}

转载于:https://www.cnblogs.com/ShyFrog/p/11077880.html

[1699486-20190624154648602-407672698.png]: /images/20211220/9c982a2257884b7c9e4914a711fd336b.png
[1699486-20190624154540029-873742315.png]: /images/20211220/162ed551527f4f06938affeaa9d301c9.png
[1699486-20190624155044766-413232936.png]: /images/20211220/b9eb88fa2b244c2fbbd040713711fe8f.png
[1699486-20190624154124955-135132834.png]: /images/20211220/75defaad32d0497dbe490cc2d5655761.png
[1699486-20190624160001497-941986661.png]: /images/20211220/b8e5a77571c4404cb9d838232de4f27b.png