url正则匹配校验

<el-form ref="form" :model="form" :rules="rules">
  <el-form-item prop="proxyUrl">
     <el-input v-model.trim="form.proxyUrl" autocomplete="off" />
   </el-form-item>
</el-form>


export default {
  data () {
     let checkValue = (rule, value, callback) => {
      const reg = new RegExp('^((/[A-Za-z0-9-_%.]*)|(/\\*))+((/\\*\\*)?|(/\\*\\.[A-Za-z0-9]*)?)$')
     if (value == '') {
      callback(new Error('请输入'))
   } else if (!reg.test(value)) {
      callback(new Error('须以/开头'))
   } else {
      callback()
   }
  }
  return {
    rules: {
      proxyUrl: [
        { required: true, validator: checkValue, trigger: 'blur' }
        { max: 400, message: '不能超过400字符', trigger: 'blur' }
        { pattern: /^(\/[a-zA-Z0-9.*-_%]+)+$/, trigger: 'blur', message: '须以/开头' }
    ]
   }   
  }
 } 
}

// 有值-指定校验
watch: {
  "form.proxyUrl": {
    handler(val) {
      if (val) {
       this.$refs.form.clearValidate('proxyUrl')
      }
    }
  }
}