vue初学问题记录

解决日期转换异常 JSON parse error: Cannot deserialize value of type `java.util.Date` from String

在后端已经使用日期格式注解之后，前端使用ElementUI的DateTimePicker时，后端生成的数据会被解析成 yyyy-MM-ddT HH:mm:ss.SSS’Z的格式，和常用的的date格式yyyy-MM-dd HH:mm:ss不一致，同样会报格式转换问题，所以，我们可以在时间选择器上加上v-format直接设置生成的时间格式

 @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss")//根据该注解实现从前端存入正确格式的的数据
    private Date proTime;

 <div class="block">
          <span class="demonstration">考试时间</span>
          <el-date-picker
            v-model="dataForm.stuExatime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="考试时间"
          >
          </el-date-picker>

已拦截跨源请求：同源策略禁止读取位于 http://localhost:****的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin)

在编写前后端代码时，由于地址不一致，所以很容易报跨域请求问题，此时，我们可以在后端的controller层加上注解@CrossOrigin并加上前端的地址，允许前端访问后端的服务器

如果加上该注解还是报缺失请求头问题，则需检查自己绑定的各请求路径是否缺少‘/’等小问题（尤其是前端的请求路径），我就是因为缺少一条斜杠，一直没发现这个问题，加上就解决了

总之在学习vue框架的时候一定得仔细，多阅读官方文档，结合给出的示例和一些详细的参数等进行学习，因为前端代码的学习其实更多是这些组件的调用学习：

组件 | Element

模板语法 | Vue.js (vuejs.org)