1. 程式人生 > 其它 >前端學習之路(1)

前端學習之路(1)

1.配置401:

可能是token不對,要配置請求token,比如配置請求頭,有些要配置Accept,Authorization,有些是直接請求token,看專案不同

2.圖片本地展示問題:

可能是元件引用錯誤,比如我把這個accpet當做限制‘.png, .jpg’的格式,導致本地圖片無法展示,我改了兩天!

3.圖片請求後配置無法展示:

在這裡的/file就是代理的地址,需要修改代理地址

4.圖片上傳:

 如果後臺要圖片上傳json格式可以這麼寫:

// 完成操作——上傳圖片
handleChange(info) {
info = info.data
let arr = []
if (info) {
this.fileList1.map(p => {
let obj = {
id: p.id,
name: p.fileName,
type: p.type,
size: p.size
}
arr.push(obj)
})
let json = {
files: arr,
bCode: info.bCode,
bId: info.bId
}
this.imgUrlList = JSON.stringify(json)
}
},

後臺直接返回上傳的josn格式,就這麼處理:


//需要展示縮圖的
formatThumbnailPics: function (fileString) {
if(fileString.length === 0)
return
let files = JSON.parse(fileString)
let fileList =files.files.map(p=>{
let b = p.id.indexOf("/") != -1;
let url
if(b)
url = `/file/${p.id}?w=100` // w=100獲取縮圖
else
url = `/file/${p.id}?tId=${"9d550f63-101e-6672-8ff2-324aee8b553a"}&cId=${"c12857d6-c673-6aed-d7b8-7e6e305b02a0"}&w=100`
let a = {
'uid':p.id,
'name':p.name,
'status':'done',
'url':url,
'thumbUrl':url
}
return a
})
return fileList
},

大概類似,不會有太大改變,/file就是代理的地址,tid和cid是取當前登入使用者的jwttoken中的companyId和TenantId