织梦网站档目管理空白,淘宝网站开发方式,阜阳做网站的商户,平面设计报价明细表本文章转载于【SpringBootVue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客
仅用于学习和讨论#xff0c;如有侵权请联系
源码#xff1a;https://gitee.com/green_vegetables/x-admin-project.git 素材#xff1a;https://pan.baidu.com/s/… 本文章转载于【SpringBootVue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜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 允许什么样的方法允许getpost还是其他的方法想偷来写* 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数据消失
