mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Jiachi LiuandGitHub
46bcd11326
The indentation of nested logging requests are not correct ### After <img height="200" src="https://github.com/vercel/next.js/assets/4800338/4e38cc5e-147c-4f62-81a7-b2a6d84729e0"> ### Before <img height="200" src="https://github.com/vercel/next.js/assets/4800338/5ac8f609-33a9-42b3-9421-291314ab94ba"> reported by @shuding
84 lines
2.1 KiB
JavaScript
84 lines
2.1 KiB
JavaScript
export const fetchCache = 'default-cache'
|
|
|
|
async function AnotherRsc() {
|
|
const data = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?another-no-cache',
|
|
{
|
|
cache: 'no-cache',
|
|
}
|
|
).then((res) => res.text())
|
|
|
|
return <p id="another-no-cache">"another-no-cache" {data}</p>
|
|
}
|
|
|
|
async function FirstRsc() {
|
|
const dataNoCache = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?no-cache',
|
|
{
|
|
cache: 'no-cache',
|
|
}
|
|
).then((res) => res.text())
|
|
|
|
const dataForceCache = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?force-cache',
|
|
{
|
|
cache: 'force-cache',
|
|
}
|
|
).then((res) => res.text())
|
|
|
|
const dataRevalidate0 = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?revalidate-0',
|
|
{
|
|
next: {
|
|
revalidate: 0,
|
|
},
|
|
}
|
|
).then((res) => res.text())
|
|
|
|
const dataRevalidateCache = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?revalidate-3',
|
|
{
|
|
next: {
|
|
revalidate: 3,
|
|
},
|
|
}
|
|
).then((res) => res.text())
|
|
|
|
const dataRevalidateAndFetchCache = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?revalidate-3-force-cache',
|
|
{
|
|
next: {
|
|
revalidate: 3,
|
|
},
|
|
cache: 'force-cache',
|
|
}
|
|
).then((res) => res.text())
|
|
|
|
const dataAutoCache = await fetch(
|
|
'https://next-data-api-endpoint.vercel.app/api/random?auto-cache'
|
|
).then((res) => res.text())
|
|
|
|
return (
|
|
<>
|
|
<p id="data-no-cache">"cache: no-cache" {dataNoCache}</p>
|
|
<p id="data-force-cache">"cache: force-cache" {dataForceCache}</p>
|
|
<p id="data-revalidate-0">"revalidate: 0" {dataRevalidate0}</p>
|
|
<p id="data-revalidate-cache">"revalidate: 3" {dataRevalidateCache}</p>
|
|
<p id="data-revalidate-and-fetch-cache">
|
|
"revalidate: 3 and cache: force-cache" {dataRevalidateAndFetchCache}
|
|
</p>
|
|
<p id="data-auto-cache">"auto cache" {dataAutoCache}</p>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default async function Page() {
|
|
return (
|
|
<>
|
|
<h1>Default Cache</h1>
|
|
<FirstRsc />
|
|
<AnotherRsc />
|
|
</>
|
|
)
|
|
}
|