diff --git a/http/file_server.ts b/http/file_server.ts
index 191dd41b2435..a3f0edb33b9e 100644
--- a/http/file_server.ts
+++ b/http/file_server.ts
@@ -179,7 +179,7 @@ async function serveDir(
       mode: modeToString(entry.isDirectory, fileInfo.mode),
       size: entry.isFile ? fileLenToString(fileInfo.size ?? 0) : "",
       name: `${entry.name}${entry.isDirectory ? "/" : ""}`,
-      url: fileUrl,
+      url: `${fileUrl}${entry.isDirectory ? "/" : ""}`,
     });
   }
   listEntry.sort((a, b) =>
diff --git a/http/file_server_test.ts b/http/file_server_test.ts
index 307b8f680c00..97812887eef0 100644
--- a/http/file_server_test.ts
+++ b/http/file_server_test.ts
@@ -202,6 +202,7 @@ Deno.test("serveDirectory", async function () {
     assert(res.headers.has("access-control-allow-headers"));
     const page = await res.text();
     assert(page.includes("README.md"));
+    assert(page.includes(`<a href="/testdata/">testdata/</a>`));
 
     // `Deno.FileInfo` is not completely compatible with Windows yet
     // TODO(bartlomieju): `mode` should work correctly in the future.