springboot和vue前后端跨域代码
时间: 2023-05-17 21:04:21 浏览: 66
可以通过在 Spring Boot 后端代码中添加如下配置来解决跨域问题:
```
@Configuration
public class CorsConfig {
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE")
.allowedHeaders("*")
.allowCredentials(true)
.maxAge(3600);
}
};
}
}
```
在 Vue 前端代码中,可以使用 axios 发送请求时添加如下配置来解决跨域问题:
```
axios.defaults.withCredentials = true;
axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
```
这样就可以实现 Spring Boot 后端和 Vue 前端之间的跨域访问了。