React AXIOS将窗口原点附加到提供的URL(JSON服务器)

我在将JSON服务器API与AXIOS集成时有一种奇怪的行为。

我使用json服务器提供db.json文件

json-server --watch db.json --port 4000

在我的React应用程序中,我使用AXIOS调用 http://localhost:4000/tasks 他说:“这是一个很好的选择。”

在Postman上测试它,API返回结果,并且工作正常。

但使用下面的代码片段(AXIOS),它将react应用程序的两个域和请求的API URL连接起来。

try {
        return axios({
            method: 'GET',
            url: `http://localhost:4000/tasks`
        }).then((response) => {
            debugger;
            return response;
        });
    } catch (error) {
        return new Error('Failed to retrieve Tasks');
    }

我签入浏览器网络,然后请求这样的URL

请求URL: http://localhost:3000/http//localhost:4000/tasks

因此抛出一个未找到的-404异常

知道为什么会这样吗?

奇怪的是,当我使用另一个API(如星球大战API)时, https://swapi.co/api/people/1 “,就像一个魅力。

事先谢谢…