reactjs - 添加到获取请求的相对路径

Question

我正在使用 create-react-app 和 react-router-dom 4 制作一个 React 应用程序。我的问题是，当我加载默认“/”以外的 URL 时，相对路径会添加到正在发出的请求之前。

例如，如果我在 url 搜索栏中输入 mysite.com/templates，我的提取请求 fetch("templates/item.json") 请求 url:mysite.com/templates/templates/item.json 但如果我使用来自 react-router 的 Link 组件从主页导航到 /templates -dom 情况并非如此。

有什么方法可以避免相对路径被添加到获取请求之前？

Answer 1

如果您不以 / 开头或指定绝对 url，

fetch 将加载相对于您打开的 url 的路径。

如果要始终从 https://www.yourdomain.com/templates/item.json 获取数据，您应该将获取请求修改为 -> fetch("/templates/item.json")

或

指定绝对 url -> fetch("https://www.yourdomain.com/templates/item.json")