[Vue warn]: Invalid prop: type check failed for prop "image". Expected String, got Null.


問題:上次頭像成功,但是瀏覽器中無法顯示,數據庫中有顯示,阿里雲oss中也有顯示。

瀏覽器控制台報錯如下:

[Vue warn]: Invalid prop: type check failed for prop "image". Expected String, got Null.

百度翻譯如下:

 大概意思:

 image期待的是字符串,但是現在為空。

報錯信息如下如圖:

 

 新上傳一個圖再看下報錯信息:

net::ERR_NAME_NOT_RESOLVED

這個報錯也迷惑了我好久。

既然還是解決不了問題,那就換個思路看看。

這是數據庫中的url:

 

 這是阿里雲中的url:

 測試:

 把數據庫中的url放入地址欄按回車:

 

把阿里雲中的url放入地址欄按回車:

 

 發現數據庫的無法下載,而阿里雲中的可以下載。

 經過對比發現:

 

 這兩個url長度明顯不一樣,真實崩潰啊。問題找到了。

在service實現類中,把上傳之后文件路徑中“.”改成“/”就好了。

 

更改之后的效果。

 

 

 

以下八個字送給自己

編碼不細心,中途兩行淚!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM