axios请求解决跨域问题has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is

你非柠檬为何心酸142

已于 2023-05-06 11:59:47 修改

阅读量2.9k

点赞数 2

文章标签： vue.js javascript 前端

于 2023-05-06 11:43:05 首次发布

本文链接：https://blog.csdn.net/weixin_69218754/article/details/130523781

版权

我们在Vue实现axios请求时，出现跨域问题，我们有两种解决方案（当然我们的请求路径和axios都是没问题的）

    methods: {
        aaa: function () {
            axios({
                url: 'http://localhost:8081/chd',
                method: 'post',
                data: {
                    account: this.account,
                    password: this.password
                }
            }).then(response => {
                console.log('@', response);
                if(response.data==='OK'){
                    this.$router.push("/home")
                }
            })
        }
    }

第一种加上CrossOrigin注解

第二种写一个config配置类

@Configuration
public class CustConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedMethods("*")
                .allowedHeaders("*")
                .allowedOrigins("*");
    }
}

希望能帮到各位，