码迷,mamicode.com
首页 > 其他好文 > 详细

阶段一-01.万丈高楼,地基首要-第3章 用户登录注册模块开发-3-10 设置跨域配置实现前后端联调

时间:2019-12-23 13:29:18      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:alt   登录注册   跨域   就是   容器   模块   路由   png   验证   

使用VSCode开发前端
技术图片

注册的代码
技术图片
前端也定义了userBO和后端的类是对应的
技术图片
拼接了后端的服务地址。主要用到这个serverUrl
技术图片


技术图片
设置生辰环境和开发环境的一些url的地址
技术图片
我们后端的API的端口是8088
技术图片

前端接口配置好。
技术图片
当我们输入用户名和后端服务有验证。
技术图片
跨域
技术图片

后端设置跨域

创建配置为,会被容器进行扫描。
技术图片
想被容器扫描到就需要加注解@Configuration
技术图片

技术图片

技术图片

技术图片

技术图片
前端这里也设置了 携带cookie信息为true。
技术图片
一般设置为*。请求的方式就是指的get、post这些。
技术图片

技术图片
路径的映射,就是请求的url。针对所有的路径都可以使用这些配置的基本信息。

技术图片
/**代表请求进来适合所有的路由。
技术图片
返回CorsFilter对象,里面的参数实就事CorsConfigurationSource
技术图片
最终返回
技术图片
以上跨域的配置就设置好了。

运行测试

重新运行API项目

前端和后端的访问就通了。跨域的错误也解决了。
技术图片

注册test用户,密码是123123
技术图片
注册后发生跳转,跳转到了首页。首页还有一些错误,这是因为接口我们还没有写。
技术图片

数据库内,数据进来了。
技术图片

 

结束

 

阶段一-01.万丈高楼,地基首要-第3章 用户登录注册模块开发-3-10 设置跨域配置实现前后端联调

标签:alt   登录注册   跨域   就是   容器   模块   路由   png   验证   

原文地址:https://www.cnblogs.com/wangjunwei/p/12083106.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!