next/link is changing href attribute from relative to absolute

Asked Aug 19 '22 at 17:35

Active Aug 19 '22 at 17:35

Viewed 1,008 times

Using next/link

<Link href="/examples/fetch-rest-data" >
     <a>SWR</a>
</Link>

I get an absolute href on the HTML

<li>
    <a href="https://localhost/examples/fetch-rest-data">SWR</a>
</li>

But i need the html to have a relative href

<li>
    <a href="/examples/fetch-rest-data">SWR</a>
</li>

asked Aug 19 '22 at 17:35

its should have relative path Try this: ` SWR ` – uditkumar01 Aug 19 '22 at 18:21
Same issue with `passHref` – Mauricio Scardaccione Aug 19 '22 at 18:47
Why do you need relative path? – uditkumar01 Aug 19 '22 at 18:50
If i'm not wrong is the correct behavior and to run automated tests for SEO that check the relative path for internal linking – Mauricio Scardaccione Aug 19 '22 at 18:56
1

See this https://stackoverflow.com/questions/12170595/relative-absolute-path-of-internal-links-for-seo-purpose – uditkumar01 Aug 19 '22 at 19:01
I know that but I need the relative href. We are migrating from a legacy server to next.js and already have tons of SEO tests. Thanks for the answers! – Mauricio Scardaccione Aug 19 '22 at 19:05
`next/link` will always output absolute URLs. You should refactor (or disable) your SEO tests to check for absolute URLs instead. – juliomalves Aug 20 '22 at 22:24

0 Answers0