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

生成头像

上传报错: ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241030/b8bb7b35c2be25ad9a78b7752f5e34a0.png) ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241030/cde8add82f596bda79650cded7e364e8.png) ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241030/28f20bc7155cf7562822d03fb0945db8.png) 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) }) ) }

阅读量:15

点赞量:0

问AI
1. CORS 是跨域问题 2. 服务器需要配置响应头,许可你的请求中包含的各种东西,比如 header、比如 method,等等 3. 跨域请求会先发送一个 preflight 请求,即用 "OPTIONS" 请求接口,需确认服务器可以正常响应此请求,并返回正确的响应体 4. "withCredentials" 只负责传递 cookie 信息,并不解决跨域