m0_61123567的博客

跨域是是因为浏览器的同源策略限制，是浏览器的一种安全机制，服务端之间是不存在跨域的。所谓同源指的是两个页面具有相同的协议、主机和端口，三者有任一不相同即会产生跨域。浏览器不允许你在一个网页内请求另一个不同源的链接这些是知乎上的解释：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。在请求的过程中我们要想回去数据一般都是post/get请求，所以会出现跨域问题。出于浏览器的同源策略限制。

当你需要在组件中使用的数据时，将它们定义在 data 中是一个常见的做法。注意，Vue 在实例化过程中，会将 data 对象的属性转换为响应式的，以便于数据能够被追踪和更新。在给定的代码中，“el” 的值为 “#app”，这意味着该 Vue 实例将被挂载到 id 为 “app” 的 HTML 元素上。它的作用是将 Vue 实例与特定的 HTML 元素进行关联，使 Vue 的模板和渲染结果能够被插入到该元素中。在实际应用中，可以根据需要将 Vue 实例挂载到不同的 HTML 元素上，以控制渲染的范围和位置。

可以模拟前端浏览器发起请求，以测试我们编写的后端接口。链接：apifox网页版这里要改：请求的例子：请求参数的设置：在Springboot的环境中，对原始的API进行了封装，接收参数的形式更加简单。 如果是简单参数，参数名与形参变量名相同，定义同名的形参即可接收参数。postman测试( GET 请求)：

前面我们已经完了基础的分页查询，大家会发现：分页查询功能编写起来比较繁琐。查询总记录数指定页码的数据列表在Service当中，调用Mapper接口的两个方法，分别获取：总记录数、查询结果列表，然后在将获取的数据结果封装到PageBean对象中。大家思考下：在未来开发其他项目，只要涉及到分页查询功能(例：订单、用户、支付、商品)，都必须按照以上操作完成功能开发结论：原始方式的分页查询，存在着"步骤固定"、"代码频繁"的问题解决方案：可以使用一些现成的分页插件完成。

Lombok是一个实用的Java类库，可以通过简单的注解来简化和消除一些必须有但显得很臃肿的Java代码。通过注解的形式自动生成构造器、getter/setter、equals、hashcode、toString等方法，并可以自动化生成日志变量，简化java开发、提高效率。注解作用为所有的属性提供get/set方法@ToString会给类自动生成易阅读的 toString 方法根据类所拥有的非静态字段自动重写 equals 方法和 hashCode 方法@Data。

创建springboot工程

jsp

javaee的三层架构

http

Navicat