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

版权声明:版权声明:本文为博主原创文章,转载请附上博文链接! https://blog.csdn.net/qq_36051316/article/details/85062463

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页面(首页) 了。

默认首页的代码位置

首页

首页的代码:

首页的代码

扫描二维码关注公众号,回复: 4578881 查看本文章

<!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>

最后结果如下图:

最后的结果

猜你喜欢

转载自blog.csdn.net/qq_36051316/article/details/85062463