第一次跟着视频搭建springboot-vue项目

你喜欢红豆吗

已于 2024-08-22 14:19:29 修改

阅读量228

点赞数 3

文章标签： vue.js 前端 javascript

于 2024-07-24 15:22:16 首次发布

本文链接：https://blog.csdn.net/weixin_43462574/article/details/140657200

版权

https://docs.qq.com/sheet/DUWJaRWh5bGFvT09J?tab=BB08J2 项目文档汇总

npm

在这里插入图片描述

快捷键

ctrl+shift+r 全局搜索并替换
在这里插入图片描述

ctrl+r

遇到的问题

不知道是不是版本太高，在命令行创建项目后没有选择相关的设置直接就创建成功了并且没有router

npm install vue-router(不对）重新创建项目

报错报错解决：ResizeObserver loop completed with undelivered notifications

https://blog.csdn.net/qq_65032048/article/details/133083131

在App.vue中选中Header按alt+enter 没有出现导入的选项

在这里插入图片描述
不知道咋解决
嗷直接按快捷键他自己就导入了没有选项

在导入依赖的时候有冲突就会报错

在这里插入图片描述
还是在新建的时候就选一下吧。

在登录时后端的postmapping没有返回用户信息

导致在这里插入图片描述
缓存的结果是null
通过console输出，发现是login的res.data是空的给layout的data也是null 导致不存在id

后面修改之后又遇到新的报错没有定义request 发现问题出在在这里插入图片描述
这里没有import rquest

新增作品的时候出错

原因是实体中book Date类写错了写成了data createTime写成了creatTime

切换链接时自动高亮改变的问题

在这里插入图片描述
这个方法不行，表现为在尝试访问 this. $ro u t e . p a t h 时， t hi s .$ route 是 undefined，因此无法读取 path 属性。因为在 Vue 生命周期的早期阶段（例如 created 钩子），有时候 this. $ro u t e 还未被完全初始化。这时候访问 t hi s .$ route 的属性可能会导致 undefined 错误。建议在 mounted 钩子或者使用 $nextTick 方法来确保在 Vue Router 完全初始化后再访问路由信息。（不太懂）解决办法：在组件中使用 $route.path 时，可以在 mounted 钩子中使用 $nextTick 来确保组件完全挂载后再访问路由信息。

common包

放常用的配置类

lombok @Data

Mybatis-plus

在这里插入图片描述
数据列名后台如果是下划线的话会自动转成驼峰

知识点

后端1

写通用的配置，1.mybatis-plus分页插件 2.统一返回的json的包装类 3.controller是前后台数据交互的接口，前台可以把数据通过接口传给后台，后台可以从数据库中把数据查询出来，再返回给前台。
通过启动类启动后台的工程，对外提供接口，前台可以访问，如post接口前台可以把用户的json数据传过来，然后再接口里面接收到，然后，把他转成User这个类，