Element-ui文件上传错误401

最新推荐文章于 2024-05-14 22:04:52 发布

milijiangjun

最新推荐文章于 2024-05-14 22:04:52 发布

阅读量3.6k

点赞数 8

分类专栏： WebSan

本文链接：https://blog.youkuaiyun.com/milijiangjun/article/details/108099890

版权

在配置Element-ui的文件上传功能时，遇到了401错误。问题由跨域引起。官方文档提供了设置headers的解决方法，通过在上传配置中添加headers字段可以修复此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天做上传配置好后发现出现了错误错误信息401
问题根源是跨域造成的
官网：
https://element.eleme.cn/#/zh-CN/component/upload
解决办法：element ui 设置headers
代码如下：

<template>
  <div class="mod-home">

      12332
        <el-upload
        class="upload-demo"
        action="http://192.168.10.177/bibli/upload"
         :headers="Myhead" 
        :on-preview="handlePreview"
        :on-remove="handleRemove"
        :before-remove="beforeRemove"
        multiple
        :limit