proxy: {  
  '/prod-api': { // 匹配所有以 '/prod-api'开头的请求路径  
    target: 'http://localhost:8800',  
    changeOrigin: true, // 支持跨域  
    pathRewrite: { // 重写路径: 去掉路径中开头的'/dev-api'  
      '^/prod-api': ''  
    }  
  }  
}

import axios from 'axios'  
import { MessageBox, Message } from 'element-ui'  
import store from '@/store'  
import { getToken } from '@/utils/auth'  
  
// create an axios instance  
const service = axios.create({  
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url  
  // withCredentials: true, // send cookies when cross-domain requests  timeout: 5000 // request timeout  
})  
  
// request interceptor  
service.interceptors.request.use(  
  config => {  
    // do something before request is sent  
  
    // if (store.getters.token) {    //   // let each request carry token    //   // ['X-Token'] is a custom headers key    //   // please modify it according to the actual situation    //   config.headers['X-Token'] = getToken()    // }  
    const token = store.getters.token  
    if (token) {  
      config.headers['token'] = token  
    }  
    return config  
  },  
  error => {  
    // do something with request error  
    console.log(error) // for debug  
    return Promise.reject(error)  
  }  
)  
  
// response interceptor  
service.interceptors.response.use(  
  /**  
   * If you want to get http information such as headers or status   * Please return  response => response  */  
  /**   * Determine the request status by custom code   * Here is just an example   * You can also judge the status by HTTP Status Code   */  response => {  
    console.log(response.data);  
    const res = response.data  
  
    // if the custom code is not 20000, it is judged as an error.  
    if (res.code !== 200) {  
      Message({  
        message: res.message || 'Error',  
        type: 'error',  
        duration: 5 * 1000  
      })  
  
      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;  
      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {  
        // to re-login  
        MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {  
          confirmButtonText: 'Re-Login',  
          cancelButtonText: 'Cancel',  
          type: 'warning'  
        }).then(() => {  
          store.dispatch('user/resetToken').then(() => {  
            location.reload()  
          })  
        })  
      }  
      return Promise.reject(new Error(res.message || 'Error'))  
    } else {  
      return res  
    }  
  },  
  error => {  
    console.log('err' + error) // for debug  
    Message({  
      message: error.message,  
      type: 'error',  
      duration: 5 * 1000  
    })  
    return Promise.reject(error)  
  }  
)  
  
export default service

export default {  
  name: 'Login',  
  data() {  
  
    var validatePass = (rule, value, callback) => {  
      if (value === '') {  
        callback(new Error('Please input the password'));  
      } else {  
        /* if (this.ruleForm.description !== '') {  
          this.$refs.ruleForm.validateField('description');        } */        callback();  
      }  
    };  
    var validatePass2 = (rule, value, callback) => {  
      if (value === '') {  
        callback(new Error('Please input the password again'));  
      } else if (value !== this.ruleForm.password) {  
        callback(new Error('Two inputs don\'t match!'));  
      } else {  
        callback();  
      }  
    };  
    //使用正则表达式来判断头像的url里面是否包含中文  
    var validateHeadurl = (rule,value,callback) => {  
      var patrn=/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;  
      if(patrn.exec(value)){  
        callback(new Error('请输入头像图片的链接'))  
      } else {  
        callback()  
      }  
    };  
  
    //注册的时候的用户名的校验的规则  
    const validateUsername = (rule, value, callback) => {  
      var patrn=/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;  
      if (value.length < 5) {  
        callback(new Error('请输入至少5个字符的用户名'))  
      } else if(patrn.exec(value)){  
        callback(new Error('用户名中不可以包含中文'))  
      } else {  
        callback()  
      }  
    };  
  
    const validateName = (rule, value, callback) => {  
      if (value.length === 0) {  
        callback(new Error('请输入用户名'))  
      }  else {  
        callback()  
      }  
    };  
  
    const validatePassword = (rule, value, callback) => {  
      if (value.length < 6) {  
        callback(new Error('请输入至少6个字符的密码'))  
      } else {  
        callback()  
      }  
    };  
    const validateGroup = (rule, value, callback) => {  
      var patrn = /[0-9]*/gi;  
      if (!patrn.exec(value)) {  
        callback(new Error('请输入数字组号'))  
      } else {  
        callback()  
      }  
    };  
    return {  
      dialogFormVisible: true,  
      //-----------------表单校验相关的  
      ruleForm: {  
        username: '',  
        password: '', //使用password替换pass,匹配后端的password字段  
        description: '', //使用description替换checkPass,用户表里面并没有这个checkPass的字段  
        name: '',  
        headUrl: '',  
        // phone: 0 //使用phone来作为组别  
      },  
      rules: {  
        username: [{required: true,validator: validateUsername,trigger: 'blur'}],  
        name: [{required: true,validator: validateName,trigger: 'blur'}],  
        password: [{required: true,validator: validatePass, trigger: 'blur'}],  
        description: [{required: true,validator: validatePass2, trigger: 'blur'}],  
        headUrl: [{validator: validateHeadurl,trigger: 'blur'}],  
        phone: [{required: true,validator: validateGroup,trigger: 'blur'}]  
      },  
      //----------------  
      dialogRoleVisible: false,  
      sysUser: {},  
      loginForm: {  
        username: 'admin',  
        password: '111111'  
      },  
      loginRules: {  
        //由于注册的时候username和登录的时候的username使用的是同一套的校验的规则,导致之前有的同学的注册的时候有中文的字符  
        //结果修改完校验的规则之后,登录的时候提示不能有中文字符,导致不能登录了  
        // username: [{required: true, trigger: 'blur', validator: validateUsername}],  
        username: [{required: true, trigger: 'blur'}],  
        password: [{required: true, trigger: 'blur', validator: validatePassword}]  
      },  
      loading: false,  
      passwordType: 'password',  
      redirect: undefined,  
    }  
      },  
  watch: {  
    $route: {  
      handler: function(route) {  
        this.redirect = route.query && route.query.redirect  
      },  
      immediate: true  
    }  
  },  
  methods: {  
    resetForm(){  
      this.ruleForm = {}  
    },  
    submitForm(){  
  
      this.$refs["registryForm"].validate((valid, msg) => {  
        if (valid) {  
          console.log("submit");  
          console.log(this.ruleForm);  
          api.addUser(this.ruleForm).then(res => {  
            this.$message.success(res.message || 'succeed')  
            this.dialogRoleVisible = false  
          })  
        } else {  
          console.log("error submit!!");  
          console.log(msg);  
          for (let key in msg) {  
            alert(msg[key][0].message);  
            return false;  
          }  
        }  
      });  
  
    },  
    handleregister(){  
      this.dialogRoleVisible = true  
    },  
    showPwd() {  
      if (this.passwordType === 'password') {  
        this.passwordType = ''  
      } else {  
        this.passwordType = 'password'  
      }  
      this.$nextTick(() => {  
        this.$refs.password.focus()  
      })  
    },  
    handleLogin() {  
      this.$refs.loginForm.validate(valid => {  
        if (valid) {  
          this.loading = true  
          this.$store.dispatch('user/login', this.loginForm).then(() => {  
            this.$router.push({ path: this.redirect || '/' })  
            this.loading = false  
          }).catch(() => {  
            this.loading = false  
          })  
        } else {  
          console.log('error submit!!')  
          return false  
        }  
      })  
    }  
  }  
}

<el-upload class="upload-demo" drag :action="uploadPath"  
:data="{module: homeworkName }"  
:on-preview="handlePreview" :on-success="uploadSuccess"  
  :on-error="uploadError" multiple style="margin-top: 10px"  
:before-upload="checkHomeworkName">  
  <i class="el-icon-upload"></i>  
  <div class="el-upload__text">  
    Drop file here or <em>click to upload</em>  
  </div>  
  <div class="el-upload__tip" slot="tip">  
    jpg/png files with a size less than 5MB  
  </div>  
</el-upload>

. . . . . . 
	
checkHomeworkName(file){  
  //上传文件之前的钩子,参数为上传的文件,如果返回false或者返回promise且被reject,则停止上传  
  if (this.homeworkName.length === 0){  
    //如果没有选择任何的作业的名称,则弹出提示信息并阻止上传  
    this.$message.warning('请选择本次上传的图片的作业的名称,否则无法上传');  
    return false;  
  }  
}