AXIOS post请求-缺少url参数

Question

我设置了一个react网页，它的结构如下:

MAIN PAGE www.localhost:3000.com, 
OTHER PAGES www.localhost:3000.com/services, www.localhost:3000.com/about, www.localhost:3000.com/contactMe.

我使用axios从www.localhost:3000.com/contactMe执行一个联系人表单的帖子，将通过我的后端/nodemailer发送数据。

使用Postman来验证post状态，post方法不能从www.localhost:3000.com/contactMe/api/contact开始工作，它可以正确地用于localhost:3000/api/contact和localhost:5000/api/contact。

如何解决这个请求失败的状态码404从www.localhost:3000.com/contactMe/api/contact?

HOST: localhost:3000
SERVER: app.use('/api,...)
CONTROLLER: pouter.post('/contact',...) 

Answer 1

一种解决方案可能是仅使用基本URL并从任何页面向www.localhost:3000.com/api/contact发送POST请求。

所以即使用户在www.localhost:3000.com/contactMe上，它仍然将请求发送到www.localhost:3000.com/api/contact。

一个快速的方法是使用window.location.hostname。

另一种方法是在URL的开头放一个/你在POST请求中输入axios.post('/api/contact', ...)它应该从任何页面直接发送到${baseURL}/api/contact