vue上传文件一直报错,该配的也写上了,但是一直上传不上去,这是为什么呢?

作者站长头像
站长
· 阅读数 4

上传报错:vue上传文件一直报错,该配的也写上了,但是一直上传不上去,这是为什么呢?vue上传文件一直报错,该配的也写上了,但是一直上传不上去,这是为什么呢?vue上传文件一直报错,该配的也写上了,但是一直上传不上去,这是为什么呢?

const uploadFilesToServer = (uploadApiUrl, fileName, files) => {
      let formData = new FormData()
      formData.append(fileName, files)
      // console.log(fileName, files, formData.get('upFile'))
      //添加请求头
      // const headers = {
      //   'Content-Type': 'multipart/form-data',
      //   // 'Content-Type': 'Access-Control-Allow-Origin',
      // }
      let token = JSON.parse(sessionStorage.getItem('token'))
      // const headers = {
      //   Authorization: token.token,
      // }
      //配置头
      const request = axios.create({
        // headers: headers,
        Authorization: token.token,
        withCredentials: true, // 跨域
      })
      console.log(uploadApiUrl, fileName, files, formData.get('file'))
      //开始上传
      return (
        request
          .post(uploadApiUrl, formData, {
            // 'Content-Type': 'multipart/form-data',
          })
          .then((response) => {
            console.log(response)
            // return Promise.resolve(response.data)
          })
      )
    }
回复
1个回答
avatar
test
2024-06-24
  1. CORS 是跨域问题
  2. 服务器需要配置响应头,许可你的请求中包含的各种东西,比如 header、比如 method,等等
  3. 跨域请求会先发送一个 preflight 请求,即用 OPTIONS 请求接口,需确认服务器可以正常响应此请求,并返回正确的响应体
  4. withCredentials 只负责传递 cookie 信息,并不解决跨域
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容