qq_53493536的博客

但是如果你后端传输的是TimeStamp类型，而前端使用Date接收，那么不能直接调用getTime()函数，会报错该函数不存在，uploadTime: Date;// 如果后端返回的是 Timestamp 类型，这里可以用 Date 类型来表示。archivedArticle.value.sort((a , b) => {return 表达式}返回大于0的数字表示a>b,反之则反之。对于数字类型我们直接比较。

url就是文件的路径，我们获取的data是将文件的二进制读取到字节数组中，然后data就是我们需要传输到前端的数据。最为重要的一点就是记得添加：responseType:'arraybuffer'，这样data就会作为二进制数据被接收，否则预览的内容会是空白的。console.log("获取的文章id:"+id)// 将 PDF 文件数据转换成 Blob 对象。// 在新标签页中显示 PDF 文件。// 创建 URL 对象。//获取文章，并在新的窗口打开。

我在使用token的时候，将密钥和token的生效时间放在了配置文件中，但是当我使用@Value()去获取的时候，发现总是获取不到，而且我发现其他的配置项都是绿色的，只有我的token配置项是白色的，然后经过我的细心检查，发现属性和值之间少了一个空格，添加上这个空格之后，就变成绿色了，然后也能够正常使用@Value去获取值了。然后我在使用log.info()时系统总是提示我不存在这个东西，但是我的依赖也加上上了，后来发现是我的类没有加上@Slf4j，需要加上这个，才能在类中使用那个。

设置成功之后，这下应该可以了吧，但是我发现虽然能够读取了，但是仍然读取不到，然后我看了一下，我设置的响应头中的属性是：Authorization，但是它自动改成：authorization,然后我将上面用于接收的大写改成了小写，终于能够正常接收了。response.addHeader("Authorization",token)，向头中添加一个字段，前面是这个字段的名字，这个名字可以随便起，但是约定俗成是这个名字。第一个参数是固定的关键词，第二个参数表示你想要前端读取到的属性。

这是springboot和mybatis版本存在的冲突，我采用的版本是springboot:3.2.4，mybatis-spring-boot-starter：3.0.2，因为我选择版本一般都是选择提示我的最高版本，而后者提示的最高版本就是3.0.2,我们可以将版本改为3.0.3，没有提示也没关系，然后更新一下maven,就可以了。

因为我没有安装java17,这个java17是idea集成的，所以我怀疑错误就发生在这里，我电脑中安装的是java11，于是我将java的运行版本改为了我电脑上安装的java11，发现能够正常运行了，然后我又尝试着改为了idea提供的java16，发现仍然会报这个错误，那么就没问题了，应该是idea的问题。值得注意的几点是：在创建springboot项目时，我只能选择java17,20,22,不过这个没有关系，即使你的电脑上没有安装相应的版本，随便选择一个，后续仍然可以修改。

在子组件中我们使用inject接收实例，然后就可以使用get等方法，但是在vue3的组合式api它会提醒你axios的类型未知，我们需要使用import type {AxiosInstance} from 'axios'，然后：const axios = inject('axios') as AxiosInstance 表示这是一个axios的实例，其中引入时的type不要忘记添加，不然又要被提醒了。值得提醒的是，我们获取的相应数据应该从response.data中获取。

在vue3中，如果想要修改label标签的颜色，我们不能在局部的样式下修改，vue3中就是指<style scoped>,我们需要去除scoped ,然后用.el-form-item__label选中元素，注意这里的下划线是两个，修改颜色，同时，如果无法成功的话，那么优先级可能不够，还需要加上！important。important;/* 设置 label 的字体颜色 */只是这样修改，那么修改的效果就会全局生效，而不是仅仅在当前组件中生效了。

这是因为body标签自带的样式，在vue3中，组件和窗口的上面和左侧都会存在一定的间隙，我们需要去除body的默认样式，解决方式是：直接在index.html文件中添加style,设置padding和magin为0，或者是单独写一个css文件，在main.ts文件中引入该css文件。

我在一开始写样式的时候，发现我写的css样式总是和我预期的不一样，后来发现是我的css文件没有删除干净，当我们创建一个vue3项目后，它自带了一些vue文件和css文件，这些文件在main.ts中被引入了，他们的位置在assets文件夹下，删除这些文件和他们的引用，样式就恢复正常了。

在vue2中，我们只需要使用path:'*'就可以匹配所有的路径，但是在vue3中发生了修改，需要变成： path: '/:pathMatch(.*)*'才能够匹配所有的路径，其中:pathMatch后接正则表达式。