使用chrome谷歌浏览器先后端接口调试的时候遇到了这个问题:
network前端
Provisional headers are shown
consoleweb
Cross-Origin Read Blocking (CORB) blocked cross-origin response http://xxx:180/test?id=1035 with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.
若是使用其它浏览器或者postman等测试工具测试的话又能够调用。spring
错误缘由实际上是跨域的问题,后端须要设置容许跨域就能够了。chrome
个人项目是spring boot项目,配置跨域以下:json
@Configuration public class CorsConfig { private CorsConfiguration buildConfig() { org.springframework.web.cors.CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedOrigin("http://127.0.0.1:800"); // 1这就是前端调用放的origin,能够在network中查看 corsConfiguration.addAllowedHeader("*"); // 2容许任何头 corsConfiguration.addAllowedMethod("*"); // 3容许任何方法(post、get等) return corsConfiguration; } @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", buildConfig()); // 4 return new CorsFilter(source); } }