springboot+vue前后端分离项目
前端发送请求,产生跨域问题
created() {
this.$http.get("http://localhost:9090/index").then(result => {
var user = result.body.data;
});
}
控制台报错
解决办法:
在后端设置允许跨域请求
package com.demo.demobackend.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
//描述:ajax跨域请求配置
@Configuration
public class CorsConfig {
private CorsConfiguration buildConfig() {
CorsConfiguration corsConfiguration = new CorsConfiguration();
//允许所有来源访问
corsConfiguration.addAllowedOrigin("*");
//允许所有请求头部
corsConfiguration.addAllowedHeader("*");
//允许访问的方式
corsConfiguration.addAllowedMethod("*");
// 是否支持安全证书
corsConfiguration.setAllowCredentials(true);
return corsConfiguration;
}
//跨域过滤器
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", buildConfig());
return new CorsFilter(source);
}
}