fix 404 on index.json (#277)

Author: conico974

examples/pages-router/src/pages/index.tsx

@@ -1,8 +1,14 @@
 import Nav from "@example/shared/components/Nav";
-import { Inter } from "next/font/google";
 import Head from "next/head";
 
-const inter = Inter({ subsets: ["latin"] });
+// Not used, but necessary to get prefetching to work
+export function getStaticProps() {
+  return {
+    props: {
+      hello: "world",
+    },
+  };
+}
 
 export default function Home() {
   return (

examples/pages-router/src/pages/isr/index.tsx

@@ -1,4 +1,5 @@
 import { InferGetStaticPropsType } from "next";
+import Link from "next/link";
 
 export async function getStaticProps() {
   return {
@@ -12,5 +13,10 @@ export async function getStaticProps() {
 export default function Page({
   time,
 }: InferGetStaticPropsType<typeof getStaticProps>) {
-  return <div className="flex">Time: {time}</div>;
+  return (
+    <div>
+      <div className="flex">Time: {time}</div>
+      <Link href="/">Home</Link>
+    </div>
+  );
 }

packages/open-next/src/adapters/routing/matcher.ts

@@ -223,7 +223,8 @@ export function fixDataPage(internalEvent: InternalEvent, buildId: string) {
   const dataPattern = `/_next/data/${buildId}`;
 
   if (rawPath.startsWith(dataPattern) && rawPath.endsWith(".json")) {
-    const newPath = rawPath.replace(dataPattern, "").replace(/\.json$/, "");
+    let newPath = rawPath.replace(dataPattern, "").replace(/\.json$/, "");
+    newPath = newPath === "/index" ? "/" : newPath;
     query.__nextDataReq = "1";
     const urlQuery: Record<string, string> = {};
     Object.keys(query).forEach((k) => {

packages/tests-e2e/tests/pagesRouter/data.test.ts

@@ -0,0 +1,21 @@
+import { expect, test } from "@playwright/test";
+
+test("fix _next/data", async ({ page }) => {
+  await page.goto("/");
+
+  const isrJson = page.waitForResponse("/_next/data/*/isr.json");
+  await page.locator('[href="/isr/"]').click();
+  const response = await isrJson;
+  expect(response.ok()).toBe(true);
+  expect(response.request().url()).toMatch(/\/_next\/data\/.*\/isr\.json$/);
+  await page.waitForURL("/isr/");
+
+  const homeJson = page.waitForResponse("/_next/data/*/index.json");
+  await page.locator('[href="/"]').click();
+  const response2 = await homeJson;
+  expect(response2.ok()).toBe(true);
+  expect(response2.request().url()).toMatch(/\/_next\/data\/.*\/index\.json$/);
+  await page.waitForURL("/");
+  const body = await response2.json();
+  expect(body).toEqual({ pageProps: { hello: "world" }, __N_SSG: true });
+});