使用反应视图401未授权错误重置密码

时间:2019-04-10 08:07:10

标签: javascript node.js reactjs loopbackjs reset-password

我正在使用环回重置密码,当使用示例loopback-example-user-management及其视图时,一切正常,但是当我更改为响应模板视图并提交新密码时,出现未授权错误,我认为这是一个问题令牌,但不知道在提交新密码时如何在反应视图中设置令牌。

这是我在user.js中用于重置密码的方法

  user.afterRemote('setPassword', function(context, user, next) {
    context.res.render('response', {
      title: 'Password reset success',
      content: 'Your password has been reset successfully',
      redirectTo: '/',
      redirectToLinkText: 'Log in'
    });
  });

这是我的React重置视图

  resetPassword(resetPassword){
    axios.request({
      method:'post',
      url:`http://localhost:3000/api/users/reset-password?access_token=${localStorage.getItem('user-token')}`,
      data: resetPassword,
      headers: {
        'Content-Type' : 'application/json',
        'Accept' : 'application/json',
        'Authorization' : 'Basic <user-token>'      }
    }).then(response => {
      const token = response.data.id
      localStorage.setItem('user-token', token)
      this.props.history.push('/signin');
    }).catch(err => console.log(err));
  }
  handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('Received values of form: ', values);
        this.resetPassword(values);
      }
    });
  };

0 个答案:

没有答案