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

![img.png](../img/一些常见问题/图片域名问题处理-06.png)

![img.png](../img/一些常见问题/图片域名问题处理-05.png)


问题排查步骤：

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

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




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

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


![img.png](../img/一些常见问题/图片域名问题处理-01.png)


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


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

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

![image-20210629112059876](../img/中间件安装/minio设置权限.png)

![](../img/中间件安装/minio设置权限-2.png)




### 2. 图片域名配置错误

- minio域名配置格式为： minio地址/桶名， 具体可查看 [minio配置文档](../linux环境(生产环境搭建)/minio安装及配置.md)

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

![img.png](../img/一些常见问题/图片域名问题处理-03.png)




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

![img.png](../img/一些常见问题/图片域名问题处理-02.png)



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

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

![img.png](../img/一些常见问题/图片域名问题处理-04.png)


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

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

注意：是账号的权限配置， 不是桶的读写权限配置