ASP.NET core webapi 给我们的webapi设定首页 _平台：windows (5)

最新推荐文章于 2023-10-09 23:15:33 发布

盗理者

最新推荐文章于 2023-10-09 23:15:33 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/qq_36051316/article/details/85062463

版权

dotnet core webapi 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

ASP.NET core webapi 给我们的webapi设定首页 _平台：windows (5)

我们前面讲了如何创建webapi还有设置端口，并请求成功我们的接口，看到了数据，那么我们还需要一个可以展示数据的前端。

我们把后端的数据理解为一个食物那么前端的展示就是我们食物上面的调味料。就像一碗面，如果不加调味酱，就是味道清淡的只有自己人能接受，如果要广大的人都接受，就要加个美味的酱或汤底。

上面均属废话，可以不用理会，下面是正文：

看到我们的项目文件根目录下有个 Startup.cs 这个文件如下图（vs code ）所示：
vscodeStartup.cs文件展示图

点开文件后找到我们的

Configure

这个方法吗，并加入下面这段代码：

DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();
defaultFilesOptions.DefaultFileNames.Clear();
defaultFilesOptions.DefaultFileNames.Add("index.html");
app.UseDefaultFiles(defaultFilesOptions);
app.UseStaticFiles();

加入之后我们就可以看到放在 wwwroot 中的index.html 文件被当作访问域名的默认进入的html页面(首页) 了。

默认首页的代码位置

首页的代码：

首页的代码


<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ss</title>
</head>
<body>
 我是首页

</body>
</html>

最后结果如下图：

最后的结果