解决element Upload 上传 出现Access to XMLHttpRequest at

编程知识 更新时间:2023-04-06 11:21:27

Access to XMLHttpRequest at ‘http://192.168.12.119/api/design/upload_img’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

问题的原因是出现了跨域,但是针对 这里element upload的话,有别的处理办法

先看upload中代码

<el-upload
        ref="upload"
        action="http://192.168.249.199/api/design/upload_img"
        :on-preview="handlePreview"
        :on-remove="handleRemove"
        :file-list="fileList"
        :auto-upload="false"
        :data="projects_list[0]"
        :headers="file_headers"
        accept=".jpg,.jpeg,.png"
>

我是写全了请求地址

意思就是不用写全请求地址就不会出现跨域错误了,改了之后

控制台正常了


如果需要解决跨域查看文章:https://editor.csdn/md/?articleId=112295248

希望对你有帮助!!

更多推荐

解决element Upload 上传 出现Access to XMLHttpRequest at

本文发布于:2023-04-06 11:21:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/b3757b7d5a53e4a117fd65f864a36e9b.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:上传   Upload   element   Access   XMLHttpRequest

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 49285文章数
  • 14阅读数
  • 0评论数