vue.js | TypeError：无法读取未定义的属性“ then”

debugcn 发表于 Dev

为什么是我

我正在尝试在vue.js / express应用中进行电子邮件验证。我可以创建用户并发送电子邮件。但是显示“已发送验证邮件”之类的消息将不起作用。

在DataService中执行之后，在then（）回调中执行代码时，会发生错误。

注册时，将执行以下功能：

威克斯

const actions = {
registerUser({
 commit
}, user) {
 commit('registerRequest', user)

 return DataService.registerUser(JSON.stringify(user))
   // HERE'S THE ERROR
   .then(response => {
     commit('confirmation', response.message)
     setTimeout(() => {
       state.status = {
         confirmHere: ''
       }
     }, 4000);
   })
   .catch(...)

确认：

confirmation: (state, msg) => {

    state.status = {
      confirmHere: msg
    }
  },

数据服务

registerUser(user) {
// Send email for registration
apiClient.post('/user/register/sendMail', user)
 .then(res => {
   return apiClient.post(`/user/register`, user)
 })
 .catch(err => {
   throw err;
 })

}，

该sendmail函数正在使用nodemailer发送电子邮件并返回

  res.status(200).json({
    message: "success"
  });

express中的注册功能是：

router.post('/register', async (req, res) => {
  try {
    if (req.body.username !== undefined && req.body.password !== undefined) {
      let password = await bcrypt.hashSync(req.body.password, saltRounds);

      let compareUser = await db.getObject({}, User, 'SELECT * FROM app_users WHERE username=? LIMIT 1', [req.body.username]);
      if (compareUser !== undefined) {
        res.status(409).json('User already exists');
        return;
      }

      const tmp = {
        username: req.body.username,
        password: password
      };

      await db.query('INSERT INTO app_users SET ?', [tmp]);
      let user = await db.getObject({}, User, 'SELECT * FROM app_users WHERE username=? LIMIT 1', [req.body.username]);
      if (user === undefined)
        res.status(500).json('Internal server error');

      res.status(201).json({
        "message": "Bestätigungs-Email gesendet."
      });
    } else {
      res.sendStatus(400);
    }
  } catch (error) {
    res.sendStatus(500);
  }
});

纳仁

您忘记return了来自的回复DataService.registerUser

// DataService.js
registerUser(user) {
 // Send email for registration
 return apiClient.post('/user/register/sendMail', user)
   .then(res => {
     return apiClient.post(`/user/register`, user)
   })
   .catch(err => {
     throw err;
   })

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。