Vue

问题：上次头像成功，但是浏览器中无法显示，数据库中有显示，阿里云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实现类中，把上传之后文件路径中“.”改成“/”就好了。

 

更改之后的效果。

 

 

 

以下八个字送给自己

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