带有完整url的react router dom链接组件

Question

“Link to="https://example.com/CONTACT"> 和“link to="/CONTACT"> 是相同的，因为传递到链接组件的链接来自后端数据库，并且我正在导航菜单中使用它们......

如果在 TO 部分使用带有完整 url 的 Link 组件时出现问题...

Answer 1

Link

组件，它到底是什么？它是 Next JS

<Link />

是其他框架吗？

不确定您所说的组件是什么。

是的，当然包含

http

的 URL 和仅包含

斜线的行为完全不同，这与 React 无关，而是与 html 有关。

/CONTACT

将相对于当前 url，因此如果您在 localhost:3001 中渲染应用程序，它将变为

http://localhost:3001/CONTACT

如果你添加

https://example.com/CONTACT

，它会将你发送到该特定 URL，它变得绝对。