后端解决跨域问题(附解决方法代码)

最新推荐文章于 2024-07-28 11:22:21 发布

Abandon-Lv

最新推荐文章于 2024-07-28 11:22:21 发布

阅读量3k

点赞数 1

分类专栏：前后端文章标签：前端框架后端

本文链接：https://blog.csdn.net/m0_57394815/article/details/123815841

版权

前后端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

例如前端端口号是9133，后端端口号是9134，这是后9133去访问9134的后台数据，会发生什么事呢

当当，Access to fetch(这边是用fetch去做示例，一般来说都是用axios多)

第一种：后台解决跨域

在后台项目中创建一个config文件夹，新建一个CrosConfig类，将下面代码帖进去就可以

package hospitalback.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 CrosConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS")
                .allowCredentials(false)
                .maxAge(3600)
                .allowedHeaders("*");
    }
}

再次刷新前端网页，可以看到控制台里已经不报错了，且获取到了数据