node+vue实现用户注册--头像上传

数据库我使用的是mongodb。
首先做文件上传，要保证协议里面的’Content-Type’为’multipart/form-data’。

注册的步骤:

1. 将用户名密码，图片等提交给node端
2. node端将图片保存到服务器,图片路径及注册用户的个人信息保存到mongodb数据库。

项目目录如下，注册功能只是其中的第一步:

前端框架使用的是vue.js，ajax使用的是vue的组件vue-resource。

前端上传代码如下:

<template>
  <div class="signUp">
    <!--<form id="signForm" enctype="multipart/form-data">-->
      <div>
        <label for="username">用户名</label>
        <input type="text" name="username" id="username" placeholder="用户名" v-model="users.username">
        <div v-if="judgeUser">请输入合适的用户名</div>
      </div>
      <div>
        <label for="password">密码</label>
        <input type="text" name="password" id="password" placeholder="密码" v-model="users.password">
        <div v-if="judgePas">请输入符合规范的密码</div>
      </div>
      <div>
        <label for="usernameReply">重复密码&