diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-02-25 08:28:38 -0800 |
|---|---|---|
| committer | Fred K. Schott <fkschott@gmail.com>
| 2022-02-25 08:29:23 -0800 |
| commit | 5370bba0b09d7337927b6685029e48d05b1500bd (patch) | |
| tree | b6524422503e516ae1bcfef48a483b1580c55a2a /examples/non-html-pages/src | |
| parent | 00dda8e0560ca424c5ed00e546e1e1ebf3e94172 (diff) | |
| download | astro-5370bba0b09d7337927b6685029e48d05b1500bd.tar.gz astro-5370bba0b09d7337927b6685029e48d05b1500bd.tar.zst astro-5370bba0b09d7337927b6685029e48d05b1500bd.zip | |
get new example working during build
Diffstat (limited to 'examples/non-html-pages/src')
| -rw-r--r-- | examples/non-html-pages/src/pages/about.json.ts | 11 | ||||
| -rw-r--r-- | examples/non-html-pages/src/pages/company.json.ts | 8 | ||||
| -rw-r--r-- | examples/non-html-pages/src/pages/index.astro | 16 |
3 files changed, 20 insertions, 15 deletions
diff --git a/examples/non-html-pages/src/pages/about.json.ts b/examples/non-html-pages/src/pages/about.json.ts new file mode 100644 index 000000000..af61847f3 --- /dev/null +++ b/examples/non-html-pages/src/pages/about.json.ts @@ -0,0 +1,11 @@ +// Returns the file body for this non-HTML file. +// The content type is based off of the extension in the filename, +// in this case: about.json. +export async function get() { + return { + body: JSON.stringify({ + name: 'Astro', + url: 'https://astro.build/', + }), + }; +} diff --git a/examples/non-html-pages/src/pages/company.json.ts b/examples/non-html-pages/src/pages/company.json.ts deleted file mode 100644 index c931c0e15..000000000 --- a/examples/non-html-pages/src/pages/company.json.ts +++ /dev/null @@ -1,8 +0,0 @@ -export async function get() { - return { - body: JSON.stringify({ - name: 'Astro', - url: 'https://astro.build/', - }), - }; -} diff --git a/examples/non-html-pages/src/pages/index.astro b/examples/non-html-pages/src/pages/index.astro index af1ed4326..accde929c 100644 --- a/examples/non-html-pages/src/pages/index.astro +++ b/examples/non-html-pages/src/pages/index.astro @@ -1,8 +1,4 @@ ---- -const url = `${Astro.request.canonicalURL.origin}/company.json`; -const response = await fetch(url); -const data = await response.json(); ---- + <html lang="en"> <head> <meta charset="utf-8" /> @@ -10,7 +6,13 @@ const data = await response.json(); <title>Astro</title> </head> <body> - <h1>Astro</h1> - <div>{JSON.stringify(data)}</div> + <h1 id="result">Loading...</h1> + <script type="module"> + // Non-HTML files will be included in your final build, so you + // can fetch them directly in the browser. + const response = await fetch(`/about.json`); + const data = await response.json(); + document.getElementById('result').innerHTML = `Load complete!<br/>Built with: <a href="${data.url}">${data.name}!</a>`; + </script> </body> </html> |