我们前面讲了如何创建webapi还有设置端口,并请求成功我们的接口,看到了数据,那么我们还需要一个可以展示数据的前端。
我们把后端的数据理解为一个食物那么前端的展示就是我们食物上面的调味料。就像一碗面,如果不加调味酱,就是味道清淡的只有自己人能接受,如果要广大的人都接受,就要加个美味的酱或汤底。
上面均属废话,可以不用理会,下面是正文:
看到我们的项目文件根目录下有个 Startup.cs 这个文件 如下图(vs code )所示:
点开文件后找到我们的
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>
最后结果如下图: