解决小程序图片报403问题(图片加载失败)

写在前面

最近公司需要小程序开发并需要把各个独立的小程序整合成一个小程序，但是小程序对发布的时候对包的大小是有限制的（最大不能超过2KB），项目整合后必须考虑资源整合的问题
1、使用小程序分包技术(see:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/preload.html)
2、本地图片提到阿里云OSS上，因公司运维人员没有相关配置经验，配置了好几次都无法访问。

如何配置才能正确访问？

步骤一

配置访问OSS的资源路径的重定向域名，不能使用默认的域名，如果访问默认域名会以下载附件的方式进行加载（参考：https://blog.csdn.net/weixin_42322648/article/details/106573328）

注意：必须加上安全协议证书

步骤二

步骤一完成后，发现真机上图片还是访问不上，报错‘403’，于是又查找资料一番，发现需要取消防盗链，配置好久可以正常访问啦~~~~~~~~~~~~

原因是因为CSDN中的设置了HTTP Referer，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器我是从哪个页面链接过来的，利用Referer是可以防止图片盗用的，所以这就是报错的原因啦。

步骤三

该步骤是为了取代步骤二，发现步骤二可以解决图片访问不上的问题后，本来是想让运维人员修改的，无奈运维出差了…

通过资料查找，我发现 weserv.nl 可以对图片进行二次处理，可以去官网看看，还有很多功能！！！（参考：https://images.weserv.nl/docs/）

于是我把image标签的src改写为如下，这样就可以正常访问了

 <image src="https://images.weserv.nl/?url=https://img.wurenshuichang.com/weapp/logo.png" class="logo" mode="widthFix"></image>

外卖红包优惠券在哪里领，那些天天都可以领外卖优惠券的公众号是真的吗？

给大家透露一个消息，美团饿了么每天都会放出一些隐藏的大额红包，对于经常点外卖的你，不领红包直接原价付款，那就太亏了！！！！！！！！！

每天免费领的外卖优惠券，还买什么15块月会员！！！！！！！！

使用微信扫一扫，一起来撸羊毛吧↓↓↓