方法发布Axios给出错误404. ReactJS

时间:2018-06-04 18:55:47

标签: javascript reactjs axios

我遇到axios.js的问题,我尝试使用方法POST但是它给了error 404而且我不知道该怎么做,错误是:

> POST http://localhost:3000/api/match 404 (Not Found)
> createError.js:16 Uncaught (in promise) Error: Request failed with status code 404
    at createError (createError.js:16)
    at settle (settle.js:18)
    at XMLHttpRequest.handleLoad (xhr.js:77)

我的代码post



teste = () => {
  console.log('login clicked')
  let data = JSON.stringify({
    password: this.state.password,
    username: this.state.email
  })

  axios.post('api/match', data, {
    headers: {
      'Content-Type': 'application/json',
    }
  })
}




如果我使用它,同样的事情:



axios.post('http://localhost:3001/api/match', data, {
  headers: {
    'Content-Type': 'application/json',
  }
})




我的package.json



"proxy": "http://localhost:3001/"




有人知道为什么会出现这个错误? ???? 我认为它提供了应用程序React的URL而不是服务器的URL ..

有人帮我吗?

2 个答案:

答案 0 :(得分:0)

错误说,基本上,你没有在localhost:3000上运行任何带有路由/ api / match的http服务器。

http服务器正在运行吗?

答案 1 :(得分:0)

尝试在第一个api/match中将/api/match更改为axios.post。使用完整网址的第二个帖子请求无效的可能原因可能是CORS问题。您可以使用两行代码添加到后端应用程序中,这是一个很棒的cors package