react.js中的链接标记重定向问题
react.js中的链接标记重定向问题
提问于 2022-01-26 14:18:55
我已经将链接保存在firebase中，当我单击“保存”它将更新的链接时，当我单击链接图标时，它会将我重定向到主页。例如: DB中的链接是"www.instagram.com"，当我单击图标时，它会用这个网址"localhost:3000/www.instagram.com“将我重定向到家，但是当我做控制台日志时，它只记录"www.instagram.com"，有人能帮我吗？
formInputs这是一个简单的对象
<a
target="_blank"
href={formInputs.ig}
onClick={() => {
console.log(formInputs.ig);
}}
>
<FontAwesomeIcon
className="icons"
icon={faInstagram}
color="purple"
size="2x"
/>
</a>我尝试使用中的Link组件，但它也做了同样的事情。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-26 14:39:35
简而言之:请尝试使用完整的绝对 URL和协议。而不是一个短的。在这种情况下，可以将值更改为https://www.instagram.com。
文件来源：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
href的可能值
指向另一个网站的绝对网址(如href="http://www.example.com/default.htm")
- A相对URL -指向网站内的文件(如href="default.htm")
)
关键的区别在于开头的//。没有它，浏览器就会将给定的"www.instagram.com"视为相对URL，并试图根据当前位置计算路径。
如果您只使用//www.instagram.com，浏览器将使用与当前页面相同的协议，例如http://localhost -> http://www.instagram.com
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70864908
复制相关文章
相似问题
腾讯云开发者
