技術標籤：前端總結

問題背景

 在做員工系統時，前端傳遞圖片檔案給後端，後端返回的圖片路徑為姓名+員工部門，此時重新以當前員工身份傳遞圖片時，後端返回的路徑仍然為當前員工姓名與員工部門，此時我們傳遞的新圖片已經儲存到了後端資料庫中。因為後端返回的圖片路徑不變，導致前端圖片不會重新請求資料。

解決辦法

 我們需要使圖片路徑不完全相同，才會使得img標籤會重新請求新的圖片，這時我加入了隨機數進行更改圖片的完整路徑，但不影響圖片向真正的地址去請求資料。
程式碼：

 		/* 上傳頭像成功時的回撥 */
        handleAvatarSuccess(res, file) {
            console.
 
log(res,file)
            if(res.code == 200){
                this.$message.success("上傳成功")
            }
	 		//在請求到的圖片路徑後方加入隨機數，使得每次渲染的完整圖片路徑都不相同，使得圖片重新載入
            this.imageAvatarUrl = res.data + '?'+ Math.random();
            
        },

 問題解決~