在Express上使用React更新/删除用户配置文件

时间:2018-02-01 22:03:18

标签: postgresql reactjs express authentication

我正在使用带有Postgresql数据库的React on Express在Web应用上工作,我正在努力让用户能够删除/更新他们的个人资料。我已经更新了这些更改的控制器,模型和路由,但是我在确定从React组件发送获取请求的位置时遇到了问题。无论何时我尝试运行删除或更新,我都会在终端上获得以下内容:

PUT /api/auth/1 400 3.468 ms - 24
--- undefined /robots.txt

我在这里检查了其他线程,但是我无法找到如何确定这些功能应该指向哪个URL。我想一旦我明白它应该按预期工作。以下是我的身份验证路线以及我设置的功能,如果有人可以建议我如何确定指向此的网址,我真的很感激。

// handle profile update/delete
authRouter.route('/dashboard')
    .get(usersController.show)
    .put(usersController.update)
    .delete(usersController.delete)

用户更新/删除功能:

  handleUpdateSubmit(e, data, id) {
    e.preventDefault()
    console.log('clicked')
    fetch(`/api/auth/${id}`, {
      method: 'PUT',
      credentials: 'include',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(data),
    }).then(res => res.json())
    .then(res => {
      this.setState({
        fireRedirect: true,
        redirectPath: '/dashboard'
      })
    }).catch(err => console.log(err))
  }

  userDelete(id) {
    fetch(`/api/auth/${id}`, {
      method: 'DELETE',
    }).then(res => res.json())
    .then(res => {
      this.setState({
        fireRedirect: true,
        redirectPath: '/'
      })
    }).catch(err => console.log(err))
  }

如果有任何有用的信息可以告诉我,我会立即提供,谢谢!

1 个答案:

答案 0 :(得分:0)

忘了对此进行跟进,问题在于如何订购我的功能。我移动了authrouter.Route代码在登录/注销/注册功能下面,它按预期工作。