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

Question

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

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

有没有办法避免相关路径被添加到获取请求之前？

Answer 1

如果你没有以fetch开头或指定绝对网址，/将加载相对于你打开的网址的路径。

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

要么

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