VUE3上传功能本地上传正常,打包上传后报错TypeError: ***.upload.addEventListener is not a function和文件上传请求地址
一、erer这个错误很可能是因为在打包后,文件的路径或者名称发生了变化,导致代码中的某些方法无法正确找到。
查找两个文件添加如下代码:
MockXMLHttpRequest.prototype.upload = xhr.upload;
1、文件node_modules/mockjs/dist/mock.js
2、文件node_modules/mockjs/src/mock/xhr/xhr.js 第216行添加以下代码:
二、使用element-plus文件上传时,后端使用的时代理路径导致上传的url需要前端自己处理
处理思路:获取地址栏的url地址+后端接口地址
let url = window.location.href ; //获取当前url
let dz_url = url.split('#')[0]; //获取#/之前的字符串
let cs = dz_url.split('?')[1]; //获取?之后的参数字符串
let cs_arr = cs.split('&'); //参数字符串分割为数组
let cs={};
for(var i=0;i<cs_arr.length;i++){ //遍历数组,拿到json对象
cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
}
this.id = cs.id; //这样就拿到了参数中的数据
el-upload 的:action="dz_url+'后端接口地址‘"作为上传请求地址,应该就可以正常上传文件了
更多推荐
所有评论(0)