前后端分离------后端创建笔记（03）前后端对接（下）

 本文章转载于【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客

仅用于学习和讨论，如有侵权请联系

源码：https://gitee.com/green_vegetables/x-admin-project.git
素材：https://pan.baidu.com/s/1ZZ8c-kRPUxY6FWzsoOOjtA 提取码：up4c
项目概述笔记：https://blog.csdn.net/m0_37613503/article/details/128961102
数据库笔记：https://blog.csdn.net/m0_37613503/article/details/128961401
前端笔记：https://blog.csdn.net/m0_37613503/article/details/128961447
后端笔记：https://blog.csdn.net/m0_37613503/article/details/128961569

1、前后端对接，如果出现了不同的服务器和端口

1.1 我们这里出了跨域的错误，但是我们的请求地址是正确的

2 只要我们解决了跨域问题，就没问题了，解决跨域问题的方法有很多，你可以在前端，在Ngnix里面做一个反向代理，或者在springBoot中使用CORS，使用比较简单，只要配置一个CORS的过滤器就行

 

2.1

3 我们在后端上的处理方式也有很多种，一种是在控制器中加入注解：

3.1

4 @CrossOrigin，加上这个注解就可以处理跨域，100%可以用，但是加了这个注解，控制器1，控制器2，控制器3，控制器4都要加这个注解，就是啰嗦了一点。

4.1

5 我们可以做一个全局的跨域处理，写一个配置类，配置一个跨域的过滤器，我们先找到我们的config目录 

5.1新建一个类

 5.2 先写一个注解

 5.3 配置一个Bean

 5.4 在这个里面做跨域的处理

 5.5 你在这个里面，要配置一个源对象，这里不是这个

 5.6 这里是这个，创建一个这样的对象

 5.7 通过这个配置对象，设置一些东西，提供一些配置方法

 5.8 这里的核心重点是这个东西，允许谁来异步访问

5.9  允许谁来异步访问那，允许所有写*,如果允许某部分，就只写某个域名或者ip

 5.10 如果你想写多次的话，这里的方法你可以写多次

 5.11 我们跨域调用，有时可以写cookie,你需要把这个cookie传过来，你需要把这个设置为true

 5.12 你允许那些方法

5.13  允许什么样的方法，允许get，post，还是其他的方法，想偷来写*

 

 5.14 你要拦截那些资源，你要固定那些资源你要进行处理

 

 5.15 通过调用这个类的方法，来过滤这个类

5.16 第一个注册参数拦截的是匹配规则，第二个是我们刚才的配置类

 5.17 拦截所有和携带参数 

5.18 最终我们要这个过滤器

5.19 给他配置出来

 6、这里的代码你就参考一下就行，不用天天写，天天写的是业务功能性的代码 

6.1

7 笔记上写的

 

7.1

8 之后重启一下

 

8.1

9 重启之后，我们再做一下登录的处理，看看能不能成功登录，点击刷新，再点击登录 

9.1

10 仍然报跨域问题

10.1

11、允许头信息也必须写

 

11.1

12 添加完请求头信息之后，重新刷新一下

 12.1

13 做一下刷新，重新做一次登录

 13.1

14、我们成功登录进来了，我们看一下login的请求 

14.1

15 我们是发送了一个login请求，这个请求是发到了后端4个9

15.1

16 payload载荷

 

16.1

17 reponse返回的数据，前端模拟是写死的数据，这明显是我们后台产生的uuid,这样我们的前端就对接成功了，前端项目访问后端项目，对接的重点在于解决跨域问题

 

17.1

18 可以用redis看一下数据，未注销前

18.1

19 点击注销

19.1

20  注销之后redis数据消失