WebApi程序匹配任意路由到Index.html

WebApi程序匹配任意路由到Index.html,第1张

前后端分离项目中,前端往往会被打包成一个简单的indexhtml文件和其他资源文件。可以在WebApi程序中配置路由使得任意不规则路由都能访问到这个Index文件。

Configure方法中写入:

通过webAPI在server端开发一个借口,在client端调用此借口的完整过程。

(VS2010版本如果包括MVC4也可以创建webAPI,或者vs2012及以上版本)

运行环境:VS2017

开发语言:c#

一、server端

1创建webapi项目,打开vs2017-文件-新建-项目。

2在项目中添加Controllers和Models两个文件夹,分别用于存放控制器类和实体类。

在Controllers文件夹中添加API控制器类。

控制类添加完成后,会自动生成,GET,POST,PUT,DELETE四个方法。

通过地址确定方法:

get方式:>

先定义一个简单的webapi,简单到差不多直接用vs2010自动生成的webapi代码。 其中的TestModle是一个简单的class,如下 public class TestModle { public string a { get; set; } public string b { get; set; } public string c { get; set; } } 前端页面放四个代表get,post,put,delete的按钮,在加一个div显示返回值 前端代码中加载jquery,在定义四个按钮的click事件 get和post,我习惯用$get和$post,当然也能用$ajax get直接返回webapi get的return值,post的话我就不在后端做处理了直接返回传入的值,这里只做示范 put和delete,只能用$ajax来处理。 put的话一般用于update某个id的数据信息 delete用于删除某个id的数据,如下图所示 点击每个按钮,可以在页面上看到相应的效果

以上就是关于WebApi程序匹配任意路由到Index.html全部的内容,包括:WebApi程序匹配任意路由到Index.html、RESTful架构中的webapi、如何访问WebAPI接口被恶意调用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10101968.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存