No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

在写基于vue +element 的图片上传中 点击上传图片 会发现有些图片可以上传,有些上传不了,还会报这个错

No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

这个错误翻译过来就是 : 请求的资源上不存在“Access Control Allow Origin”标头。
但是还是不知道怎么做

百度一些后 说是跨域问题 解决办法也都是跟后端有关系的 在后端设置允许跨域 或者加头信息

但是对于我们使用框架里面的组件来说 设置后端是不可能的

就当我以为没法做了的时候

在百度其他问题的时候 偶然看到了一个熟悉的字眼

:headers="{ ‘Content-Type’: ‘application/x-www-form-urlencoded’ }"
这时候突然有了灵感 直接将这一句话加到了属性里面
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

然后就不会报错了 可以成功上传所有的图片了

总结:element 框架很强大 有些问题已经有解决办法了 但是并不是所有的属性都被列出来了 还是需要我们在使用的时候 多积累 多看 不要遇到错误 就找后端 有时候我们自己就能解决!