网页登录模块(以人资项目为例)

一：样式修改

1. **@**是我们在vue.config.js中设置的一个路径别名,指定src根目录,这样可以很方便的寻找文件
2. 如需在样式表中使用 **@别名的时候,需要在@前面加上一个~**符号,否则不识别
   例:

.login-container {
  background-image: url('~@/assets/common/login.jpg'); // 设置背景图片
  background-position: center; // 将图片位置设置为充满整个屏幕
}

3. 一个单文件组件中,样式如果只是当前组件使用,写到标注了**scoped的区域,如果要覆盖第三方组件就写到不标注scoped的区域,或者使用深度选择器**

二:登陆表单校验

1.完整的表单校验需要三个组件完成配合,分别是**el-form** ，el-form-item，el-input
2.简单的校验例如非空,长度等可以直接使用内置的校验配置,如果校验规则复杂,建议使用校验函数进行校验

三:axios错误

检查network中的 地址 ，