[前端]图片防拷贝

知识库地址

问题现象

F9框架开启图片防拷贝后，新点小程序下图片无法加载

问题原因

F9框架开启图片防拷贝后，需要图片的请求体中携带为用于防拷贝的cookie信息。

img请求为浏览器自动发起，js无法控制自定义请求头内容。

新点小程序没有登录环节，没有服务端进行setcookie环节。

解决方案

需要服务端在某个接口响应（例如详情接口）中，响应Set-Cookie响应头。

附件免登区分：

如果附件地址配置了免登录，需要设置为attach的cookie信息。

如果附件没有配置免登，设置sid的cookie信息即可，包含了防拷贝和用户身份信息。

注意

img请求的地址是浏览器自动触发的，无法设置自定义请求头，仅能根据服务端set下来的cookie信息自动携带。

set-cookie时需要指定cookie的path参数，否则cookie设置路径不正确，导致img加载的图片请求无法自动携带cookie问题。

正常示例

抓包附件： 抓包附件

set-cookie:

图片加载: