使用 vue + springboot 前后端分离 跨域、cookie、session 问题,全套配置一篇就够了
一、前端使用axios:发送请求,跨域设置:后端使用SpringBoot,那么发送数据的时候,数据参数只能拼接到url后面,否则springboot接收不到。要接决这个问题,就要加一个请求拦截器,使springboot能够接收到参数。Cookie问题:在main.js 中添加配置,携带cookie,添加请求拦截器//与后端进行数据交换的时候带上cookieaxio...
·
一、前端使用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);
}
};
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)