Vue和Spring Boot的跨域配置。 Vue和Spring Boot的跨域配置。 Vue和Spring Boot的跨域配置。

在Vue和Spring Boot中进行跨域配置的方法如下：

在Vue项目中，可以使用axios库来发送HTTP请求。在axios的配置中，可以设置请求的基础URL和跨域请求的配置。

// main.js
import axios from 'axios'

axios.defaults.baseURL = 'http://localhost:8080' // 设置请求的基础URL

// 设置跨域请求的配置
axios.defaults.withCredentials = true // 允许携带cookie
axios.defaults.crossDomain = true // 允许跨域

// 在需要发送请求的地方使用axios
axios.get('/api/data')
  .then(response => {
    console.log(response)
  })
  .catch(error => {
    console.error(error)
  })

在Spring Boot中，可以通过添加`@CrossOrigin`注解或者配置`CorsFilter`来实现跨域。

使用`@CrossOrigin`注解：

@RestController
@CrossOrigin(origins = "http://localhost:8081") // 设置允许跨域的源地址
public class MyController {

    @GetMapping("/api/data")
    public String getData() {
        return "Hello World";
    }
}

使用`CorsFilter`配置：

@Configuration
public class CorsConfig {

    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration configuration = new CorsConfiguration();
        configuration.setAllowedOrigins(Arrays.asList("http://localhost:8081")); // 设置允许跨域的源地址
        configuration.setAllowedMethods(Arrays.asList("GET", "POST"));
        configuration.setAllowCredentials(true);
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", configuration);
        return new CorsFilter(source);
    }
}

以上是Vue和Spring Boot的简单跨域配置示例，你可以根据实际需求进行适当调整。