使用 vue + springboot 前后端分离 跨域、cookie、session 问题,全套配置一篇就够了

    xiaoxiao2023-11-18  140

    一、前端使用axios:

    发送请求,跨域设置:

    后端使用SpringBoot,那么发送数据的时候,数据参数只能拼接到url后面,否则springboot接收不到。

    要接决这个问题,就要加一个请求拦截器,使springboot能够接收到参数。

     

    Cookie问题:在main.js 中添加配置,携带cookie,添加请求拦截器

    //与后端进行数据交换的时候带上cookie axios.defaults.withCredentials = true;

    使用SpringBoot框架,这里传参要拼接到后面后端才能接受到数据。

     

    二、后端使用 SpringBoot + mybatis:

    后端需要修改请求头,可以直接注入一个配置对象:

    @Configuration public class MySpringMvcConfig implements WebMvcConfigurer { /** * 前后端跨域 * @return */ @Bean public WebMvcConfigurer webMvcConfigurer2(){ return new WebMvcConfigurer() { /** * 设置头 使可以跨域访问 * @param registry * @since 4.2 */ @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("*") .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE") .maxAge(3600) .allowCredentials(true); } }; } }

     

    最新回复(0)