handleUploadSuccess(response) { let data = { albumId: this.album.id, url: response.data.url }; let url = 'http://localhost:9180/pictures/add-new'; console.log('url = ' + url); let formData = this.qs.stringify(data); console.log('formData = ' + formData); let localJwt = localStorage.getItem('localJwt') this.axios .create({ 'headers':{ 'Authorization' : localJwt } }) .post(url, formData).then((response) => { let jsonResult = response.data; if (jsonResult.state == 20000) { this.loadPictureList(); } else { this.$alert(jsonResult.message, '警告', { confirmButtonText: '确定', callback: action => { } }); } }); }, // 加载相册的图片列表 loadPictureList() { let url = 'http://localhost:9180//picture/list?queryType=all&albumId=' + this.album.id; console.log('url = ' + url); let localJwt = localStorage.getItem('localJwt') this.axios .create({ 'headers':{ 'Authorization' : localJwt } }) .get(url).then((response) => { let jsonResult = response.data; if (jsonResult.state == 20000) { this.pictureList = jsonResult.data.list; } else { this.$alert(jsonResult.message, '警告', { confirmButtonText: '确定', callback: action => { this.$router.push('/sys-admin/product/album'); } }); } }); }
时间: 2024-02-15 07:28:48 浏览: 90
个人博客数据库模型设计.txt
根据你提供的代码,可以看到 `handleUploadSuccess` 函数中使用了一个 `response` 参数,但是没有进行有效性检查,这可能会导致在上传失败时出现类似的 TypeError 错误提示。
你可以尝试在调用 `handleUploadSuccess` 函数时,先检查 `response` 参数是否存在,以及它是否具有 `data` 对象和 `url` 属性,例如:
```javascript
handleUploadSuccess(response) {
if (response && response.data && response.data.url) {
// ...
} else {
console.error('Invalid response data:', response);
}
// ...
}
```
另外,还需要注意在传递数据给后端的时候,需要将数据格式化为符合后端要求的格式,例如使用 `FormData` 对象或者 `qs` 库进行序列化,具体实现方式需要根据后端 API 的要求来进行选择和调整。
阅读全文