在vue项目中引入wangeditor-for-vue,上传图片配置代码:
this.editorConfig.MENU_CONF['uploadImage'] = {
server: 'http://localhost:3001//editorimg',
fieldName: 'editorimg',
headers: {
token: getToken(),
username: getUserName()
},
}
在开发环境中运行正常,但打包部署到nginx后上传报错:u.upload.addEventListener is not a function,尝试过一些方法,还是报错,比如删除和注释掉关于mockjs的一切。
后来还是用了自定义方法上传:
this.editorConfig.MENU_CONF['uploadImage'] = {
// server: 'http1://localhost:3001',
// fieldName: 'editorimg',
// maxFileSize: 5 * 1024 * 1024, // 1M
// headers: {
// token: getToken(),
// username: getUserName()
// },
// 单个文件上传成功之后
// 自定义上传
async customUpload(file, insertFn) {
// file 即选中的文件
// 自己实现上传,并得到图片 url alt href
var form = new FormData();
form.append("image", file);
uploadFile('/api/upload/image',form).then((response) => {
// console.log(response);
// 最后插入图片
insertFn(response.url, '', response.url)
})
}
}