1,如果只是文字上传出现了跨域问题,在接口增加以下内容就可以了:(第三个在下面说一下)
header('Access-Control-Allow-Origin:*'); // 允许所有域名,IP访问。( * 可换成域名或者IP)
header("Access-Control-Allow-Credentials: true"); // 循序客户端携带验证信息(例如 cookie,token ...)
header('Access-Control-Allow-Headers:x-requested-with, content-type, cache-control');
header("Access-Control-Allow-Methods: POST, GET, OPTIONS"); // 允许访问的访问方式
2,发现上传依然出现跨域问题,后来发现只有图片上传出现跨域问题,图片上传使用的文件拖拽上传插件DropzoneJS:
我去看请求头部:
第一部分请求成功是对的哈,请求失败就可能是其他错误了。
第二部分服务器返回的我允许的地址,方式啥的。
重点是第三部分:
发现服务器设置的只有:
header('Access-Control-Allow-Headers:x-requested-with, content-type');
发现缺少了 cache-control 这个参数,加上就可以了
header('Access-Control-Allow-Headers:x-requested-with, content-type, cache-control');
需要研究一下 Access-Control-Allow-Headers 的,访问以下链接:www.yayihouse.com/yayishuwu/chapter/1279
总结:拖拽图片到页面上并显示用到了缓存,上传图片时从缓存里拿出来的图片。