首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >VueJs - promise已返回,但未发生重定向

VueJs - promise已返回,但未发生重定向
EN

Stack Overflow用户
提问于 2018-06-08 02:59:13
回答 1查看 665关注 0票数 0

我正在用Vue,Node,Express和Mongodb建立一个登录。我可以在注册时成功地将用户保存到数据库,但我希望在用户注册后将其重定向到不同的组件。

问题:在我的用户被保存后,什么都不会发生,而我留在相同的注册组件上。我不确定是否应该重定向来自服务器或客户端的响应。

我看到控制台日志registering,但看不到控制台日志registration successful,我不确定原因。有人能帮帮忙吗?

-客户端代码-

Registration.vue

代码语言:javascript
复制
<template>
  <v-layout >
    <v-flex xs6 offset-xs3>
      <div class="white elevation-2">
        <v-toolbar flat dense class="blue" dark>
          <v-toolbar-title>Register</v-toolbar-title>
        </v-toolbar>

        <div class="pl-4 pr-4 pt-2 pb-2">
          <v-text-field label="email" v-model="email"/>
          <br>
          <v-text-field label="password" v-model="password"/>
          <br>
          <div class="error" v-html="error"></div>
          <v-btn class="blue" dark @click="register">Register</v-btn>
        </div>
      </div>
    </v-flex>
  </v-layout>
</template>

<script>
  import AuthenticationService from '../services/AuthenticationService'
  export default {
    data () {
      return {
        email: '',
        password: '',
        error: null
      }
    },
    methods: {
      async register (res, req) {
        try {
          console.log('registering');
          const response = await AuthenticationService.register({
            email: this.email,
            password: this.password
          });
          res.status(200).send('registration successful'); // I NEVER SEE THIS!!
          console.log('registration successful: ' + response.data);
          this.$router.push('dashboard')
        } catch (error) {
          console.log('error during reg on front eng');
          this.error = error.response.data.error;
        }
      }
    }
  }
</script>

authenticationService.js

代码语言:javascript
复制
import Api from '../services/Api'

export default {
  register(credentials) {
    return Api().post('register', credentials);
  },
  login(credentials) {
    return Api().post('login', credentials);
  }
}

Api.js

代码语言:javascript
复制
import axios from 'axios';

export default() => {
  return axios.create({
    baseURL: 'http://localhost:5000'
  })
}

-服务器代码-

index.js

代码语言:javascript
复制
const express = require("express");
const mongoose = require('mongoose');
const cookieSession = require('cookie-session');
const passport = require('passport');
const bodyParser = require('body-parser');
const keys = require('./config/keys');
const cors = require('cors');

require('./models/User');
require('./services/passport');


// grab db access for admin rights
mongoose.connect(keys.mongoURI);

//create an app using express route handlers
const app = express();
app.use(cors());

app.use(bodyParser.json());
// allow the app to use cookies
app.use(
    cookieSession({
        maxAge: 30 * 24 * 60 * 60 * 1000,
        keys: [keys.cookieKey]
    })
);

// tell passport to use cookies
app.use(passport.initialize());
app.use(passport.session());

// this file returns a function which uses app object as an arg
require('./routes/authRoutes')(app);

const PORT = process.env.PORT || 5000;
app.listen(PORT);

authRoutes.js

代码语言:javascript
复制
const passport = require('passport');
const authenticationController = require('../controllers/AuthenticationController');
const authenticationControllerPolicy = require('../policies/AuthenticationControllerPolicy');

/**
 * Authentication routing for Google OAuth
 * @type {Passport}
 */
module.exports = (app) => {

    app.post('/register',
        //authenticationControllerPolicy.register,
        authenticationController.register);


};

authenticationController.js

代码语言:javascript
复制
const jwt = require('jsonwebtoken');
const config = require('../config/config');
//const bcrypt = require('bcrypt');

const mongoose = require('mongoose');

const User = mongoose.model('users');

module.exports = {

    async register(req, res) {
        console.log('authenticationController: ' + JSON.stringify(req.body));

        try {
            const user = await User.find({email: req.body.email}).count();

            if(user) {
                console.log('user exists in db');
                return;
            } else {
                console.log('creating new user entry');
                const newUser = await new User({
                    email: req.body.email,
                    password: req.body.password
                }).save();
                res.send(newUser);
            }

        } catch (error) {
            console.log(error);
        }
    }
};
EN

回答 1

Stack Overflow用户

发布于 2018-06-08 13:49:09

一旦我在Registration.vue中注释掉了这一行,一切都正常了。

res.status(200).send('registration successful');

不知道为什么..。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50748452

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档