同学你好
如果你仔细看错误的话,比如拿一张图片来看
http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f3e41a8b7d9c60b68cdd1ec.jpg?x-oss-process=image/resize,m_pad,h_50,w_50?x-oss-process=image/resize,m_pad,h_50,w_50
你会发现添加的 x-oss-process 添加了两次,造成 400 错误,这是因为代码中,后缀是以累加的方式添加的。
// ColumnList.vue 42 行
else{
column.avatar.url = column.avatar.url + '?x-oss-process=image/resize,m_pad,h_50,w_50'
}
所以你要判断一下,你可以看一下源代码中的写法,课程中也说了的,
return props.list.map(column => {
addColumnAvatar(column, 50, 50)
return column
})
// 这个方法来自于 helper,这里就不贴了
请看源代码 https://git.imooc.com/coding-449/zheye/src/master/src/helper.ts#L12