解决跨域问题
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', // 2 changeOrigin: true, // 3 pathRewrite: { '^/api': '/' // 4 } } } } })