mvc使用axios访问webapi

解决跨域问题

1.webapi安装cors

mvc使用axios访问webapi

 

 2.WebApiConfig下添加

  public static void Register(HttpConfiguration config)
        {
            config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
            // Web API 配置和服务

            // Web API 路由
            config.MapHttpAttributeRoutes();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
            config.Routes.MapHttpRoute(
               name: "MyApi",
               routeTemplate: "Myapi/{controller}/{action}/{id}",
               defaults: new { id = RouteParameter.Optional }
           );
        }

3.mvc下安装axios

mvc使用axios访问webapi

 

 添加

<script src="~/Scripts/axios.min.js"></script>

 

代码:

 axios.get('http://localhost:8081/Myapi/MyTest/getValue2')
                            .then(ret => {
                                alert(ret.data[0].Name);
                            })

 

上一篇:.net framework webapi swagger 上传文件


下一篇:【WPF学习笔记】之如何点登录按钮时判断用户名密码进行登录:动画系列之(二)