vue.js跨域问题 : CORS 头缺少 'Access-Control-Allow-Origin

最新推荐文章于 2025-10-27 13:26:10 发布

原创最新推荐文章于 2025-10-27 13:26:10 发布 · 1.6w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue #springboot

vue 同时被 2 个专栏收录

4 篇文章

订阅专栏

springboot

4 篇文章

订阅专栏

本文介绍了一种解决跨源资源共享（CORS）问题的方法，特别是在SpringBoot框架中，通过配置Access-Control-Allow-Origin头部信息来允许特定的源进行跨域请求。

已拦截跨源请求：同源策略禁止读取位于 http://localhost:8888/api/getnews 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。

1、主要是后端的问题，在springboot中加入下面代码即可

@Configuration  
public class MyWebMvcConfig implements WebMvcConfigurer {
	@Bean
	public WebMvcConfigurer corsConfigurer() {
		return new WebMvcConfigurer() { 
			@Override
			public void addCorsMappings(CorsRegistry registry) {  
				registry.addMapping("/api/**"); //对应的接口
				}
			};
	}