如何访问web+api中的html页面,HTML+CSS入门 WebAPi如何返回HTML、Css、JS、Image

本篇教程介绍了HTML+CSS入门 WebAPi如何返回HTML、Css、JS、Image，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

今天我们来实现一个特殊的需求，这个需求说来也不过分，不过有点违背WebAPi的真实用途，WebAPi不过是作为传输数据而用，若非在项目开发中断不可想到还要实现一个页面来实时显示列表并进行后续其他操作。接下来我们来看看。

话题介绍

当我们建立一个应用程序时可以选择是否建立WebAPi项目，我们选择建立WebAPi，同时在其根目录下建立一个Index的Html页面，于是乎则有了如下的样子：

我们运行起来看看是否能正确显示结果：

从这里我们可以看出貌似不存在我们本节所需要讲解的问题，这里的介绍也就仅供我们玩玩而已，实际开发中会把WebAPi完全抽离出来作为服务来进行数据传输，而这里能够正确访问到Index页面依然是以MVC为主导，WebAPi寄宿为WebHost，所以访问其目录下的内容毫无疑问会访问到，如果我们将WebAPi完全隔离出来也就是不依赖于IIS，利用Slef-Host来实现。(有关WebAPi中的WebHost以及Self-Host可以参考前面系列文章)。

完全抽离WebAPi

我们来建立一个Windows应用程序起名为WebAPiReturnHtml。

我们新建立一个HttpServerHost类利用 HttpSelfHostServer 来监听Http请求，代码如下：

public class HttpServerHost

{

/// 

/// HttpSelfHostServer实例<