Link to XML endpoint does not work

[kdheepak]

Describe the bug

I've added the following file to src/routes/rss.xml.js:

function xml() {
  return `<?xml version="1.0"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Blog</title>
    <description>My blogs</description>
    <link>https://blog.domain.com/</link>
    <lastBuildDate>${new Date().toUTCString()}</lastBuildDate>
    <pubDate>${new Date().toUTCString()}</pubDate>
    <language>en-us</language>
    <copyright>Copyright 2021</copyright>
    <atom:link href="https://blog.domain.com/rss.xml" rel="self" type="application/rss+xml"/>
    <generator>website</generator>
    <item>
      <title>Title</title>
      <link>https://blog.domain.com/slug</link>
      <guid isPermaLink="true">https://blog.domain.com/slug</guid>
      <atom:link href="https://blog.domain.com/slug" rel="self"></atom:link>
      <pubDate>${new Date().toUTCString()}</pubDate>
      <description>summary</description>
    </item>
  </channel>
</rss>`
}

export async function get() {
  const headers = {
    'Cache-Control': 'max-age=0, s-maxage=3600',
    'Content-Type': 'application/xml',
  }
  return {
    headers,
    body: xml(),
  }
}

This is intended to be a RSS XML feed. In index.svelte, I added:

<a href="./rss.xml">Link to RSS feed</a>

This does not work as expected:

sveltekit-endpoint-xml-bug.mov

When I click on the link, I get:

404

Not found: /rss.xml

_get_navigation_result@http://localhost:3000/_app/start-5b26607b.js:1:17905
update@http://localhost:3000/_app/start-5b26607b.js:1:15818
handle_navigation@http://localhost:3000/_app/start-5b26607b.js:1:15735
_navigate@http://localhost:3000/_app/start-5b26607b.js:1:12141
init_listeners/<@http://localhost:3000/_app/start-5b26607b.js:1:9635

However, on refreshing the page it works as expected. The build folder contains rss.xml and the index.html file has a link to ./rss.xml as expected.

$ tree build
build
├── _app
│  ├── chunks
│  │  └── vendor-f0095a1c.js
│  ├── error.svelte-ef333d6a.js
│  ├── layout.svelte-2102a60c.js
│  ├── manifest.json
│  ├── pages
│  │  └── index.svelte-1c0b251e.js
│  └── start-5b26607b.js
├── favicon.png
├── index.html
└── rss.xml

I suspect something in routing to the internal link is not working as expected. In my other project, the internal link tries to request rss.xml.json which fails. I'm not able to see this request in my reproduction test repo for this issue though.

https://github.com/kdheepak/svelte-kit-rss-test

Reproduction

https://github.com/kdheepak/svelte-kit-rss-test

Logs

404

Not found: /rss.xml

_get_navigation_result@http://localhost:3000/_app/start-5b26607b.js:1:17905
update@http://localhost:3000/_app/start-5b26607b.js:1:15818
handle_navigation@http://localhost:3000/_app/start-5b26607b.js:1:15735
_navigate@http://localhost:3000/_app/start-5b26607b.js:1:12141
init_listeners/<@http://localhost:3000/_app/start-5b26607b.js:1:9635

### System Info

```shell
npx envinfo --system --binaries --browsers --npmPackages "{svelte,@sveltejs/*,vite}"  

  System:
    OS: macOS 10.15.7
    CPU: (8) x64 Intel(R) Core(TM) i7-3615QM CPU @ 2.30GHz
    Memory: 1.67 GB / 16.00 GB
    Shell: 5.8 - /usr/local/bin/zsh
  Binaries:
    Node: 17.1.0 - ~/miniconda3/bin/node
    npm: 8.1.2 - ~/miniconda3/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  npmPackages:
    @sveltejs/adapter-auto: next => 1.0.0-next.11
    @sveltejs/adapter-static: ^1.0.0-next.26 => 1.0.0-next.26
    @sveltejs/kit: next => 1.0.0-next.232
    svelte: ^3.44.0 => 3.46.2

Severity

serious, but I can work around it

Additional Information

My workaround is to use <a href="./rss.xml" target="_blank">Link to RSS feed</a>. I'm assuming this bypasses the svelte internal routing because the browser tries to open it in a new tab.

[ignatiusmb]

This is intended behavior, use https://kit.svelte.dev/docs#anchor-options-rel-external as mentioned by the docs to link to an endpoint.

[kdheepak]

Thank you!

[FriendlyUser]

Is this answer still revalent?