SpringSecurity + JWT + Vue 实现登录出现403

Question

问题遇到的现象和发生背景

SpringSecurity + JWT + Vue实现登录时出现403拒绝访问错误，后端开启了关闭跨域保护，可依旧报错

问题相关代码，请勿粘贴截图

/**
     * 核心配置，认证用户
     * @param http
     * @throws Exception
     */
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()
                .antMatchers("/hello").hasRole("user")
                .antMatchers("/admin").hasRole("system_manage")
                .antMatchers("/login").permitAll()
                .anyRequest().authenticated()
                .and()
                .addFilterBefore(new JwtLoginFilter("/login",authenticationManager()), UsernamePasswordAuthenticationFilter.class)
                .addFilterBefore(new JwtFilter(),UsernamePasswordAuthenticationFilter.class)
                .csrf().disable();
    }

运行结果及报错内容

我的解答思路和尝试过的方法

加了任何跨域解决方案依旧是403

我想要达到的结果

正常实现登录

Answer 1

跨域出错，使用Nginx开启反向代理然后进行跨域请求

Answer 2

你的vue对应的axios是怎么设置的，也发出来看看，登录是否使用了qs,请求类型是否像这样的

 //登录
    login<T = any>(url: string, pas: LoginParam): Promise<Result<T>> {
        return new Promise(((resolve, reject) => {
            this.instance.post<T>(url, pas, {
                transformRequest: [pas => {
                    return qs.stringify(pas)
                }],
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                }
            }).then(res => {
                resolve(res as any)
            }).catch(error => {
                reject(error)
            })
        }))
    }

Answer 3

你这一个是跨域了vue跨域 使用proxy代理，
403 是访问被拒绝，看是不是你的heard 里加入了过期得token导致访问被拒绝

Answer 4

跨域类改成如下代码试试：

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")    // 允许跨域访问的路径
        .allowedOrigins("*")    // 允许跨域访问的源
        .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")    // 允许请求方法
        .maxAge(168000)    // 预检间隔时间
        .allowedHeaders("*")  // 允许头部设置
        .allowCredentials(true);    // 是否发送cookie
    }
}

Answer 5

postman测试正常，vue就403了

Answer 6

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632