图片域名问题处理.md 2.0 KB

商城页面中图片无法正常显示

img.png

img.png

问题排查步骤:

  1. 排查桶中是否有上传的图片 -对应图片上传失败

  2. 排查图片地址是否正确 -对应图片域名配置错误

一、图片上传失败-文件服务器的桶中刚没有上传的图片

1. 在平台端 系统->后台配置 中的文件上传配置 中配置文件服务器的参数配置

img.png

二、图片已上传到桶中,但在商城页面中无法正常显示

1. 配置桶的权限为公共读写

以下使用minio作为示例,其他文件服务器的权限在对应平台自行配置

image-20210629112059876

2. 图片域名配置错误

  • minio域名配置格式为: minio地址/桶名, 具体可查看 minio配置文档

  • 云服务器域名配置: 以阿里为例,进入桶的详情页面,复制桶的外网的外网域名,下图中紫色框内的的域名

img.png

3. 平台端配置接口的图片域名

img.png

4. 前端项目中配置图片域名-所有的前端项目都需要进行配置

配置在VUE_APP_RESOURCES_URL中, 注意配置时域名是以 / 结尾的, 所有的前端项目都是这个格式(图片域名 + /)

img.png

5. 如果以上步骤都配置正确,但是图片还是无法正常显示,且是云文件服务器

排查配置的账号是否有对应的权限,网上找下相关平台的账号权限配置即可

注意:是账号的权限配置, 不是桶的读写权限配置