解决axios--post请求403问题

环境:
spring boot 2.7.8
vue 2.x
axios的post请求
问题: get请求都能发出去,post不行!!!
解决:
困扰一晚上的问题终于得到解决,这是我后端的问题,虽然知道要配置允许跨域的bean,但是居然配置内容里面有问题,这能怎么弄。
直接贴解决的后端代码:

package com.fldwws.config;

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

@Configuration
public class CorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //1) 允许的域,不要写*,否则cookie就无法使用了
//        config.addAllowedOrigin("*");
        config.addAllowedOriginPattern("*");
        //2) 是否发送Cookie信息
        config.setAllowCredentials(true);
        //3) 允许的请求方式GET POST等
        config.addAllowedMethod("*");
        // 4)允许的头信息
        config.addAllowedHeader("*");
        config.setMaxAge(3600L);

        //2.添加映射路径,我们拦截一切请求
        UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", config);

        //3.返回新的CorsFilter.
        return new CorsFilter(configSource);
    }

}

目录结构:
解决axios--post请求403问题_第1张图片
为什么之前会有错误,且看下图:
解决axios--post请求403问题_第2张图片

你可能感兴趣的:(vue项目实战,java,spring,spring,boot)