VS2017 MVC项目中引入WEBAPI需要注意的地方

在现有的MVC项目中如何添 WEBAPI的项目，以前采用ashx方式实现JSON的输出，现在统一走WEBAPI的方式。

1、 在项目中的App_Start 文件夹中的 WebApiConfig 文件内，查看并修改 WebAPI 的路由（当然还有别的其他配置）

     在该文件内，有一个默认路由配置 

 public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            // Web API 配置和服务

            // Web API 路由
            config.MapHttpAttributeRoutes();
            config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
        }
    }

2、在Global文件中添加。  GlobalConfiguration.Configure(WebApiConfig.Register);该项记录。整体显示如下：

 public class MvcApplication : System.Web.HttpApplication
    {
        protected void Application_Start()
        {
            AreaRegistration.RegisterAllAreas();
            GlobalConfiguration.Configure(WebApiConfig.Register);
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            BundleConfig.RegisterBundles(BundleTable.Bundles);
        }
    }

3、在Controllers文件夹中再建立一个API文件夹，当然这步骤也可以不做，主要是区分不同的Controller类。该下面的类继承自ApiController类。

4、Web API  中跨域调用时需要引入  Microsoft.AspNet.Cors 的引用。可以使用NuGet在项目中安装 Microsoft.AspNet.Cors

注： 在OWIN 中需要引用 的是 Microsoft.AspNet.WebApi.Cors

Microsoft.AspNet.Cors 安装成功后，需要在 WebApiConfig   文件中添加可跨域方法配置

 最主要添加代码

 config.EnableCors(new EnableCorsAttribute("*", "*", "*"));

EnableCorsAttribute 在命名空间 System.Web.Http.Cors 中（在新安装 的  Microsoft.AspNet.Cors 内）

5、客户端跨域方法。

这个时候，就需要在调用 API 的 JS 中设置对跨域的支持。

好在 JQuery 提供了简单的方法，只需要通过 JQ 设置 ：jQuery.support.cors = true