[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实现类中,把上传之后文件路径中“.”改成“/”就好了。

 

更改之后的效果。

 

 

 

以下八个字送给自己

编码不细心,中途两行泪!

posted @ 2020-08-03 13:01  牧牛人Alec  阅读(1993)  评论(0编辑  收藏  举报