谷粒商城P64整合oss上传图片成功，但是正常无法显示图片问题解决

bug：（gulimall-oss） 前端页面显示： 找bug： 根据前端的错误信息：判断是发送回显图片的请求 语法错误。 错误在 BucketName上。 <Error> <Code>InvalidBucketName</Code> <Message>The specified bucket is not valid.</Message> <RequestId>6248700B1253C5363150.

上传完图片后照片信息也回填到了页面中，但是图片确实这样 之后我查看了下浏览器请求发现网址中多了个https:// 然后我调试了下接口发现给endpoint赋值时多了https://，但是我在application.yml中确实没有带https:// 然后我就在拼接host字符串时把https://截取掉，然后再上传就可以正常回显在页面中了 ...

我明明是复制粘贴上去的，来到前端绑定buketName的代码。和Oss里边的BuketName域名仔细对照也没发现问题。就在我百思不得其解的时候，又仔细看了一眼请求路径里的BuketName，发现是gulimall.yu123xxxx，找到问题所在。果然，后端请求的BuketName写错了应该是gulimall-yu123。又去到了阿里云oss文档里找buket访问权限，确定是公共读，也没问题。首先观察控制台，报400的错误；有点奇怪的状态码，没怎么见过。控制台显示了上传成功，定位到这里，看不出什么问题。

logo的URL链接和OSS给出的链接不同，这时候我就想到了是host问题了，查询半天发现是bucket写错了，正确的是`zdy-gulimall`，我写成了`zdy`上传图片之后，发现OSS获取了图片。但是前端页面并没有回显出照片。

在oss上打开公共读权限，如下图： 图片能够正常回显了

谷粒商城P62 Spring Cloud Alibaba整合OSS，出现的问题及解决方法

谷粒商城-分布式基础篇1 项目简介、分布式基础、环境搭建、Spring Cloud Alibaba

第一章 项目简介 1.1 架构图 1.2 微服务划分图 1.3 表设计 1.3.1 商品库 pms_category类别表，如上图，用来展示首页三级分类。 pms_brand品牌表，每个商品都属于某个品牌，用来存品牌的名字和logo等。 pms_category_brand_relation类别和品牌关联表，某个品牌可以属于多个类别。 pms_attr_group属性分组表，如上图，主体为一个属性分组。 pms_product_attr_value，商品属性值表，记录...

问题描述： 最近学习尚硅谷的谷粒商城项目，在阿里云OSS存储上遇到了一点问题。将本地图片上传到阿里云OSS存储，但是图片回显出现了问题。经过一系列排查发现图片标签中的src请求OSS中的图片时，总是会自动带上服务器地址和端口号 例如：localhost:8080+阿里云图片地址 最后查阅大量资料得知vue网络请求会自动带上localhost:8080/ 解决： 在得到OSS的图片地址后需要在开头拼接上http://或https://协议 ...

P64 品牌服务上传图片不回显 首先这个图片已经正常上传到oss了，但是这里不显示，我就怀疑是前端的代码可能有问题。然后看了半天前端代码，终于我发现！我特么看不懂。 然后突然发现！ 这个地方不对啊，应该是guawaz-gmall，噢哈哈哈，聪明的我突然意识到，应该是前端从后端拿到policy后直接把图片上传，再拿这一长串地址去oss下载图片，将其预览展示在上面~~由于前端上传地址是写死在前端代码里的，而且是正确无误的： 所以这个错误的地址是从哪里来的？然后我又研究了半天前端代码！我还是看不懂我都快

官方说明:访问您的图片文件，无法预览，直接下载，是由于从从2019年9月23日起，针对之后新建的Bucket，直接使用OSS提供的默认域名，从互联网访问OSS上该Bucket的图片类型文件时，mimetype为以下值，Response。即从浏览器访问图片类型文件时，会以附件形式进行下载，如果您要直接在浏览器中预览文件而非下载文件，请设置文件HTTP头中的Content-Disposition为inline并使用Bucket绑定的自定义域名进行访问。Header中会自动加上。

网上的帖子说，给postman的header加content-type为multipart/form-data。然后在application.yml写配置，在server怎么写，控制台永远都是1M的。5. 需要注意的是，如果上传图片为空，或者 上传图片过大。网上的说法都是tomcat已经默认允许你只上传1M的文件，但我这里是2M的。因为springboot直接就把异常给捕捉了，并返回统一异常。但我测试时，加不加是无所谓的。6. 还有一个异常是，上传文件过大时报。如果你在控制层，做判断，也不行的。

上传图片到OSS异常解决方法

这里Typora会首先将图片保存在本地。，然后再进行上传，问题得以解决。文件——>偏好设置——>图像。对网络位置的图片应用上述规则。

上传图片到oss上时出现The bucket you access does not belong to you的错误 刚开始碰到这个错误的时候，为了解决这个错误查了我一下午的时间，终于在第二天的时候搞定了。 解决办法 对于该问题官方文档上的解释是[使用RAM Policy控制OSS的访问权限修改权限。] (https://www.alibabacloud.com/help/zh/doc-detail/42777.htm) 但我确定我的权限设置没问题，直到我在又一次尝试上传图片时，打开了开发者工具F12在n

谷粒商城P64跨域问题