在NextJs和Strapi中打开外部URL

Question

目前我正试图将用户重定向到一个特定的链接，这个链接是在我的CMS中填写的数据值，在我的情况下是Strapi。我使用<a href>来重定向用户，但这样做会把我带到这个URLhttp://localhost:3000/www.google.com。我如何摆脱本地主机部分从我的URL。此外，我也尝试使用next/link，但我得到相同的输出。

目前这是我的代码:

<a href={item.LinkedIn} target="_blank">
<img
style={{
height: "20px",
width: "20px",
backgroundColor: "white",
}}
src="linkedin.svg"
/>
</a>

Answer 1

您的代码似乎是正确的。可以查看item.LinkedIn中的值。如果是http://localhost:3000/www.google.com，尝试只传递带有split的www.google.com。

setVERCEL_URL=http://localhost:3000in.env.localfile，

然后

host_url = `${process.env.VERCEL_URL}/`
<a href={`${item.LinkedIn.split(host_url)[1]}`} target="_blank"></a>

注意:

• VERCEL_URL将自动在vercel中用于预览和生产环境doc
• 为重定向到新窗口的链接添加rel="noopener"是很好的