Vue和Spring Boot的跨域配置

Vue和Spring Boot都支持跨域请求，为了实现跨域请求，需要在代码中进行配置。

Vue的跨域配置：

在Vue项目中，可以在`vue.config.js`文件中进行跨域配置。以下是一个例子：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

上述配置中，将所有以`/api`开头的请求代理到`http://localhost:8080`，并且将请求地址中的`/api`替换为空。

Spring Boot的跨域配置：

在Spring Boot项目中，可以在`WebMvcConfigurer`中进行跨域配置。以下是一个例子：

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*")
                .allowCredentials(true)
                .maxAge(3600);
    }

}

上述配置中，允许所有域名的请求，允许的请求方法包括GET、POST、PUT和DELETE。同时，允许所有请求头，并且允许携带Cookie。最后，设置缓存时间为3600秒。