springboot3。x在前后端分离中跨域问题的处理并实现

　　上面统一异常和统一返回都处理完毕了，由于后台使用的是vue，前后端分离的模式，在对接登录的时候出现了跨域问题，下面是我为了解决跨域做的一些配置ConfigurationpublicclassCorsConfigimplementsWebFluxConfigurer｛OverridepublicvoidaddCorsMappings（CorsRegistryregistry）｛registry。addMapping（）允许路径。allowedOriginPatterns（）允许跨域访问的源。allowCredentials（true）是否发送cookie。allowedHeaders（）允许头部设置。allowedMethods（GET，POST，PUT，DELETE，OPTIONS）允许请求方法。maxAge（3600）；｝｝
　　为了对接登录，我新建了一张sysuser表，数据字段我已经放到sql文件里面了，然后通过我们之前的代码生成器生成了对应的代码，
　　自定义了一个LoginControllerRestControllerpublicclassLoginController｛AutowiredSysUserServicesysUserSPostMapping（login）RsObjectlogin（ServerHttpRequestrequest，RequestBodyLoginDTOloginDTO）｛SysUsersysUsersysUserService。getByUsername（loginDTO。getUsername（））；MapString，ObjectdatanewHashMap（）；ListStringrolesnewArrayList（）；roles。add（admin）；data。put（roles，roles）；data。put（usernaem，sysUser。getUsername（））；data。put（accessToken，eyJhbGciOiJIUzUxMiJ9。admin）；data。put（refreshToken，eyJhbGciOiJIUzUxMiJ9。adminRefresh）；data。put（expires，2023103000：00：00）；returnnewRsObject（）。ok（data）；｝GetMapping（getAsyncRoutes）RsObjectgetAsyncRoutes（）｛Stringrouter｛path：permission，meta：｛title：权限管理，icon：lollipop，rank：10｝，children：〔｛path：permissionpageindex，name：PermissionPage，meta：｛title：页面权限，roles：〔admin，common〕｝｝，｛path：permissionbuttonindex，name：PermissionButton，meta：｛title：按钮权限，roles：〔admin，common〕，auths：〔btnadd，btnedit，btndelete〕｝｝〕｝；MapdataJsonUtils。parseObject（router，HashMap。class）；ListdataArraynewArrayListObject（）；dataArray。add（data）；returnnewRsObject（）。ok（dataArray）；｝；｝
　　2，vue端在修改http目录下的index。ts增加baseUrl指向我们的后端api服务
　　修改完毕后，运行前端程序pnpmrundev登录页如下
　　点击登录，后端收到请求，前端也会进入到欢迎页
　　前后端登录对接完成，代码已经上传，私密回复springboot3获取