Question

因此，我制作了一个使用Axios来获取api的React应用。在开发过程中，我将对127.0.0.1进行api调用。但是，我的ReactApp驻留在localhost：3000上。因此，就开发而言，我不能仅仅使用：

axios.get('/api/'),

在开发人员中，我需要使用：

axios.get('127.0.0.1/api/'),

任何人都对如何解决此冲突有好主意，因此我可以在dev中看到一些数据？ Kinda很难设计一个无需填充任何数据的UI。

有点像买衬衫而不先尝试（我从来没有尝试过，所以这很可怕。）

Answer 1

与第一个示例一样使用它。由于它是相对，因此可以解决不同主机的问题：

axios.get('/api')

将自动解决：

// if called by https://example.com/index.js for example
"https://example.com/api"

// if called by localhost/index.js
"https(s)://localhost/api"

在第二个示例中，如果您将host和port放在前面，则会出现重复！

例如，我刚刚在本地主机上尝试了第一个示例：3000，结果是

GET http://localhost:3000/api 404 (Not Found)

这很有意义，因为我没有/ api。但是您是否注意到它在我的主机和端口之后正确地将/ api附加了？

现在是第二个示例：

GET http://localhost:3000/127.0.0.1/api 404 (Not Found)

它复制主机和端口。您的情况应该是127.0.0.1:3000/127.0.0.1/api

仅使用第一个示例，它将相对于其他主机（和端口）正常运行！你试过了吗？