nodejs-koa-blog icon indicating copy to clipboard operation
nodejs-koa-blog copied to clipboard

老师,我模仿登录页面写了一个注册页面

Open hs-huang opened this issue 6 years ago • 4 comments

在nodejs-koa-blog-master\admin\src\vuex\modules\admin.js中添加了下面的管理员注册代码:

//管理员登录 login({state, commit}, params) { return admin.login(params); }, // 管理员注册 register({state, commit}, params) { return admin.register(params); },


可是始终不能连接到nodejs-koa-blog-master\app\api\v1\admin.js中的管理员注册代码,

// 管理员注册 router.post('/register', async (ctx) => { // 通过验证器校验参数是否通过 const v = await new RegisterValidator().validate(ctx); // 创建管理员 .......

请问我还需要修改那些代码部分?

hs-huang avatar Dec 20 '19 15:12 hs-huang

在nodejs-koa-blog-master\admin\src\vuex\modules\admin.js中添加了下面的管理员注册代码:

//管理员登录 login({state, commit}, params) { return admin.login(params); }, // 管理员注册 register({state, commit}, params) { return admin.register(params); },

可是始终不能连接到nodejs-koa-blog-master\app\api\v1\admin.js中的管理员注册代码,

// 管理员注册 router.post('/register', async (ctx) => { // 通过验证器校验参数是否通过 const v = await new RegisterValidator().validate(ctx); // 创建管理员 .......

请问我还需要修改那些代码部分?

你发出来看下你请求的接口是什么呀?

lfb avatar Dec 22 '19 04:12 lfb

在nodejs-koa-blog-master\admin\src\vuex\modules\admin.js中添加了下面的管理员注册代码:

//管理员登录 login({state, commit}, params) { return admin.login(params); }, // 管理员注册 register({state, commit}, params) { return admin.register(params); },

可是始终不能连接到nodejs-koa-blog-master\app\api\v1\admin.js中的管理员注册代码,

// 管理员注册 router.post('/register', async (ctx) => { // 通过验证器校验参数是否通过 const v = await new RegisterValidator().validate(ctx); // 创建管理员 .......

请问我还需要修改那些代码部分?

估计你是接口地址不对,你截全代码嘛

lfb avatar Dec 22 '19 04:12 lfb

<script>
  import {mapActions} from 'vuex';

  export default {
    data() {
      return {
        buttonLoading: false,
        // 表单内容,email && 密码
        form: {
		  nickname: '',
      email: '',
      password1: '',
		  password2: ''
        },

        // 表单验证,email && 密码
        rules: {
			nickname: [{
			  required: true,
			  message: '不能为空',
			  trigger: 'blur'
			}],
			password2: [{
			  required: true,
			  message: '密码不能为空',
			  trigger: 'blur'
			}],
          email: [{
            required: true,
            message: '不能为空',
            trigger: 'blur'
          }],
          password1: [{
            required: true,
            message: '密码不能为空',
            trigger: 'blur'
          }]
        }
      };
    },
    created() {
      this.$Loading.finish();
    },
    methods: {
      ...mapActions({
        register: 'admin/register'
      }),

      // 提交注册
      handleSubmit() {
        this.buttonLoading = true;
        // 表单验证
        var formLabel = this.$refs.registerForm;
        formLabel.validate((valid) => {
          if (!valid) {
            this.$Message.error('表单验证失败!');
            this.buttonLoading = false;
            return false
          }

          this.register(this.form).then(ret => {
            this.$ls.set('token', ret.data.token);
          this.$Message.success("注册成功!前往登录页面");
          // this.$http.post('/api/v1/admin/register',formLabel);
            // 跳转
            this.$Message.success("注册成功!前往登录页面");
            window.location.href = '/login'

          }).catch(err => {
            this.buttonLoading = false
            if (err.status === 401 || err.status === 403) {
              this.$Message.error(err.data.msg || "注册失败!");
            }
          })
        })
      }
    }
  };
</script>

模仿写的注册页面

hs-huang avatar Dec 22 '19 04:12 hs-huang

在nodejs-koa-blog-master\admin\src\vuex\modules\admin.js中添加了下面的管理员注册代码:

//管理员登录 login({state, commit}, params) { return admin.login(params); }, // 管理员注册 register({state, commit}, params) { return admin.register(params); },

可是始终不能连接到nodejs-koa-blog-master\app\api\v1\admin.js中的管理员注册代码,

// 管理员注册 router.post('/register', async (ctx) => { // 通过验证器校验参数是否通过 const v = await new RegisterValidator().validate(ctx); // 创建管理员 .......

请问我还需要修改那些代码部分?

估计你是接口地址不对,你截全代码嘛

报什么错误呢?你启动服务了吗?

lfb avatar Dec 22 '19 11:12 lfb