前端——》vue访问后台接口时的一些坑

最新推荐文章于 2024-08-08 09:05:07 发布

Mr_xujiee

最新推荐文章于 2024-08-08 09:05:07 发布

阅读量6.4k

点赞数 3

分类专栏：前端文章标签： vue+shiro拦截 vue自动登录 vue请求shiro时rememberMe的设置 x-www-form-urlencoded格式数据

本文链接：https://blog.csdn.net/nienianzhi1744/article/details/103508966

版权

本文介绍了在Vue前端与SpringBoot Shiro后端交互时遇到的自动登录、请求携带Cookie以及发送x-www-form-urlencoded格式数据的问题。解决方法包括设置axios的withCredentials属性、处理MockJS的配置以及使用URLSearchParams包装POST请求的数据。

摘要由CSDN通过智能技术生成

情况是这样的。

后台springboot的接口是用shiro权限进行管理的。我想在登录的时候24小时内记住密码自动登录。shiro是提供了rememberMe的记住密码管理器来帮助我们实现自动登录。

先说第一个坑。跨域，这没什么好说的，这也不算特坑，按照如下配置即可。

import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.context.annotation.Bean;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CustomCORSConfiguration {
    private CorsConfiguration buildConfig(){
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedHeader("*"); // 允许任何的head头部
        corsConfiguration.addAllowedOrigin("*"); // 允许任何域名使用
        corsConfiguration.addAllowedMethod("*"); // 允许任何的请求方法
        corsConfiguration.setAllowCredentials(true);
        return corsConfiguration;
    }

    // 添加CorsFilter拦截器