今天跟前端调试下载接口,由于我自己用api调试工具已经调试没问题了,但是前端总要把我下载的文件修改一个名字,我依稀的记得已经在响应头设置过 Content-Disposition:attachment;filename=“XXXXX” 。
因此就发现了一个问题,前端获取不到的设置的content-disposition。
审视了好久的代码,还是找不到问题所在,明明设置了,为什么获取不到呢。知道我翻到自定义中间件这个位置,发现了下面这段代码

context.Header("Access-Control-Expose-Headers", "Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers, Content-Type")

看过之后发现,原本应该出现在这个位置的Content-Disposition,不知所踪,当我重新设置后,前端获取成功,下载接口问题也就解决啦。
下面是部分解决跨域问题自定义响应头:
部分自定义请求头
go 解决跨域问题代码:


func Cors() gin.HandlerFunc {
	return func(context *gin.Context) {
		method := context.Request.Method

		context.Header("Access-Control-Allow-Origin", "*")
		context.Header("Access-Control-Allow-Headers", "Content-Type,AccessToken,X-CSRF-Token, Authorization, Token, x-token, Content-Disposition")
		context.Header("Access-Control-Allow-Methods", 
		"POST, GET, OPTIONS, DELETE, PATCH, PUT")
		context.Header("Access-Control-Expose-Headers", 
		"Content-Length,Access-Control-Allow-Origin,"
		+"Access-Control-Allow-Headers, Content-Type, Content-Disposition")
		context.Header("Access-Control-Allow-Credentials", "true")

		if method == "OPTIONS" {
			context.AbortWithStatus(http.StatusNoContent)
		}
	}
}

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐