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个回答
test
2024-06-24
- CORS 是跨域问题
- 服务器需要配置响应头,许可你的请求中包含的各种东西,比如 header、比如 method,等等
- 跨域请求会先发送一个 preflight 请求,即用
OPTIONS
请求接口,需确认服务器可以正常响应此请求,并返回正确的响应体 withCredentials
只负责传递 cookie 信息,并不解决跨域
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容