解决跨域问题

解决跨域问题

1，通过注解跨域

使用 @CrossOrigin

@RestController
@CrossOrigin(origins = "*") //注释在类上
public class UserController {
}

2，通过配置文件跨域

@Configuration // 一定不要忽略此注解
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 所有接口
                .allowCredentials(true) // 是否发送 Cookie
                .allowedOriginPatterns("*") // 支持域
                .allowedMethods(new String[]{"GET", "POST", "PUT", "DELETE"}) // 支持方法
                .allowedHeaders("*")
                .maxAge(3600);
    }

}

3, vue-cli 解决

module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    port: 8081,//修改前端端口
      proxy: {
        "/api": { //1
          target: 'http://127.0.0.1:8082',   // 后端的ip和端口
          changeOrigin: true, // 3
          pathRewrite: {
            '^/api': '/' // 4
          }
        }
      }
    }
})