首页 前端知识 vue前后端相连接报错解决方法:Network ErrorAxiosError: Network Error at XMLHttpRequest.handleError

vue前后端相连接报错解决方法:Network ErrorAxiosError: Network Error at XMLHttpRequest.handleError

2024-05-08 10:05:46 前端知识 前端哥 436 773 我要收藏

跨源资源共享(CORS)问题
如果你的前端和后端部署在不同的域或端口上,浏览器的同源策略可能会阻止前端代码访问来自不同源的资源。你需要在服务器端配置 CORS 策略来允许来自前端的请求。

在 Spring Boot 应用中,你可以通过添加一个简单的 CORS 映射来允许所有请求:
package com.yourpackage.config;  // 修改为你的实际包名

import org.springframework.context.annotation.Bean;
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 CorsConfig {

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                // 允许所有源访问所有端点
                registry.addMapping("/**").allowedOrigins("*");
                // 你可以进一步精细化配置,如限制 HTTP 方法、头部、超时等
            }
        };
    }
}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7531.html
标签
评论
发布的文章

Unity读取Json的几种方法

2024-05-12 17:05:57

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!