vue项目上线后图片不显示,我前端写的图片地址是https://ajzzb.csbc2023.com/api + require("../assets/img/用户图标.webp"),控制台报错GET https://ajzzb.csbc2023.comimg/face-scan.4431378a.png net::ERR_NAME_NOT_RESOLVED,请问这个是什么问题造成的呢
时间: 2023-08-22 10:06:46 浏览: 229
vue中,加载稍微大点的图片,本地测试没问题,打包后不显示。
5星 · 资源好评率100%
根据你提供的信息,控制台报错信息是:
```
GET https://ajzzb.csbc2023.comimg/face-scan.4431378a.png net::ERR_NAME_NOT_RESOLVED
```
这个错误信息中明显可以看出问题所在,即你的图片地址拼接出现了错误。在你的代码中,图片地址应该是:
```
https://ajzzb.csbc2023.com/api/img/face-scan.4431378a.png
```
但是实际上,你的代码中图片地址拼接成了:
```
https://ajzzb.csbc2023.comimg/face-scan.4431378a.png
```
可以看到,原本应该是 `/api/img` 的路径中,`/api` 和 `/img` 之间缺少了一个 `/`,导致拼接后的地址出现了错误。
因此,你需要在拼接图片地址时,确保路径的正确性。可以将代码中的图片地址修改为:
```
https://ajzzb.csbc2023.com/api/img/face-scan.4431378a.png
```
这样就能够正确加载图片了。
阅读全文