Failed to load response data: No data found for resource with given identifier 问题总结(不废话精简版)

最新推荐文章于 2024-08-19 18:06:31 发布

爱偷懒的程序源

最新推荐文章于 2024-08-19 18:06:31 发布

阅读量4.2k

点赞数 10

文章标签： node.js http java

本文链接：https://blog.csdn.net/zhaolinfenggg/article/details/136000818

版权

本文介绍了在使用fetchapi调用HTTP接口时遇到的报错，主要集中在跨域问题和json数据截断。作者提供了排查思路和针对Go语言gin框架的跨域解决方案，以及处理json字符串截断和格式问题的方法。

摘要由CSDN通过智能技术生成

背景

在使用fetch api调用http接口时遇到了报错：Failed to load response data: No data found for resource with given identifier，搜了下网上的一些资料帖子，在这里总结下问题排查思路以及对应的解决方案。

排查思路

首先看接口通不通，如果接口都不通，先从后端排查下，是否是网络，路由，鉴权等原因。

如果接口正常，返回码200，并且用postman和curl等工具测试都没问题，那说明后端接口正常，一般是如下两个原因：
1.跨域了
2.回包数据格式有问题，浏览器无法解析，例如json过长截断或者是非法的json串。

解决方案

跨域

用no cors来禁止跨域，还是会报错，需要在请求头上协议携带跨域字段。我这里用的是go语言的gin框架，其他语言解法都是类似的。

func main() {
	g := gin.Default()
	g.Use(Cors())           // 应用跨域配置
	
	_ = g.Run("localhost:8080")
}

func Cors() gin.HandlerFunc {
	return func(c *gin.Context) {
		method := c.Request.Method
		origin := c.Request.Header.Get("Origin")
		if origin != "" {
			c.Header("Access-Control-Allow-Origin", "*") // 可将将 * 替换为指定的域名
			c.Header("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, UPDATE")
			c.Header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization")
			c.Header("Access-Control-Expose-Headers", "Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers, Cache-Control, Content-Language, Content-Type")
			c.Header("Access-Control-Allow-Credentials", "true")
		}
		if method == "OPTIONS" {
			c.AbortWithStatus(http.StatusNoContent)
		}
		c.Next()
	}
}

json字符串截断

一般是json串过长被截断了，如果用的是nginx做反向代理的话，会自动截断过长的回包字段，可以参考如下配置：

   location / {
        root   /your/dist;
        index  index.html index.htm;
    
        fastcgi_buffers 256 128k;
        chunked_transfer_encoding off;
   }

其他json字符串问题，检查下返回json格式是否正确，能否被正常解析。

以上，问题解决。