前后端分离------后端创建笔记(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数据消失

相关推荐
rannn_1112 小时前
【MySQL学习|黑马笔记|Day7】触发器和锁(全局锁、表级锁、行级锁、)
笔记·后端·学习·mysql
草莓熊Lotso3 小时前
《详解 C++ Date 类的设计与实现:从运算符重载到功能测试》
开发语言·c++·经验分享·笔记·其他
_Kayo_9 小时前
node.js 学习笔记3 HTTP
笔记·学习
星星火柴93612 小时前
关于“双指针法“的总结
数据结构·c++·笔记·学习·算法
Cx330❀15 小时前
【数据结构初阶】--排序(五):计数排序,排序算法复杂度对比和稳定性分析
c语言·数据结构·经验分享·笔记·算法·排序算法
小幽余生不加糖15 小时前
电路方案分析(二十二)适用于音频应用的25-50W反激电源方案
人工智能·笔记·学习·音视频
..过云雨16 小时前
01.【数据结构-C语言】数据结构概念&算法效率(时间复杂度和空间复杂度)
c语言·数据结构·笔记·学习
岑梓铭17 小时前
考研408《计算机组成原理》复习笔记,第五章(3)——CPU的【数据通路】
笔记·考研·408·计算机组成原理·计组
Blossom.1181 天前
把 AI 推理塞进「 8 位 MCU 」——0.5 KB RAM 跑通关键词唤醒的魔幻之旅
人工智能·笔记·单片机·嵌入式硬件·深度学习·机器学习·搜索引擎
草莓熊Lotso1 天前
《吃透 C++ 类和对象(中):const 成员函数与取地址运算符重载解析》
c语言·开发语言·c++·笔记·其他