GraphQL playground报错“Failed to fetch. Please check your connection“

最近在了解GraphQL,根据https://www.graphql-java.com/tutorials/getting-started-with-spring-boot/里面的例子搭建了一个demo,结果在使用GraphQL playground来查看GraphQL demo结果的时候,报错:

Failed to fetch. Please check your connection

F12查看前台请求,发现报错为:

Access to fetch at ‘http://localhost:8080/graphql’ from origin
‘https://www.graphqlbin.com’ has been blocked by CORS policy: No
‘Access-Control-Allow-Origin’ header is present on the requested
resource. If an opaque response serves your needs, set the request’s
mode to ‘no-cors’ to fetch the resource with CORS disabled.

所以原因是跨域问题。

Spring MVC配置CORS的方式,搜索了一下找到一个博客
Spring MVC配置CORS(解决跨域请求)

采用其中的添加全局配置的方式,解决了问题。

GraphQL playground可以调用到后台的demo了!

上一篇:使用spring boot starter暴露GraphqlExceptions


下一篇:graphqlize 灵活方便的jvm graphql library试用