解决前端后端的跨域问题：Access to XMLHttpRequest at ‘http://localhost:8082/admin/login‘ from origin ‘http://loca

最新推荐文章于 2024-04-06 11:08:15 发布

南瓜小米胡辣汤

最新推荐文章于 2024-04-06 11:08:15 发布

阅读量6.1k

点赞数 3

文章标签：前端 http 网络协议

本文链接：https://blog.csdn.net/weixin_43388691/article/details/126939114

版权

具体问题：
Access to XMLHttpRequest at ‘http://localhost:8082/admin/login’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
运行环境：SpringBoot+Vue+Axios
问题描述：准备利用axios搭建一下前后端进行连接，然后在最后交互的时候发生问题。
截图描述：在这里插入图片描述
解决方法：跨域问题。
在这里可以在网上找一下解决方案：我这里主要用了两种：
（1）加注解

（2）写一个配置文件

package com.blog.config;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;


@Configuration
public class AccessControlAllowOriginFilter implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry){
        registry.addMapping("/*/**")
                .allowedHeaders("*")
                .allowedMethods("*")
                .maxAge(1800)
                .allowedOrigins("*");
    }
}

在这里插入图片描述

总结;解决跨域问题的方法有很多，可以再前端进行问题解决，因为是最近刚开始做和前端相关的东西，然后不太熟练，如果以后有机会的话，在完善一下此贴！！！
对了贴一个地址：https://blog.csdn.net/weixin_39255905/article/details/124341670
这里面有很多解决跨域问题的，但是有的我试了不行，不过上面的两种方法亲测可使用，不知道是不是因为SpringBoot版本的原因。问题解决，撒花撒花！！！！
在这里插入图片描述